我正试图在表格中显示一些接收的详细信息.

我想要那张桌子至少有一个高度来展示产品.因此,如果只有一种产品,桌子的末尾至少会有一些空白.另一方面,如果有5个或更多的产品,它就不会有那个空白的空间.

我试过这个CSS:

table,td,tr{
  min-height:300px;
}

但这并不管用.

推荐答案

这不是一个好的解决方案,但可以这样try :

<table>
    <tr>
        <td>
            <div>Lorem</div>
        </td>
    </tr>
    <tr>
        <td>
            <div>Ipsum</div>
        </td>
    </tr>
</table>

并将div设置为最小高度:

div {
    min-height: 300px;
}

希望这就是你想要的.

Html相关问答推荐

Blazor中有1像素高行的表格

Tailwincss:自动设置网格高度

如何使用css为动态用户输入矩阵添加背景色?

如何阻止Chromecast图标出现在HTML5视频

调整一组IMG的大小以适应容器DIV

当光标悬停在(相同)父元素上方时,为多个子元素创建不同的过渡动画

Bootstrap 5.3.2模式页脚左填充还是左边距?

当文本添加到元素中时,将元素拉到页面上

HTMLTag属性内的svelte+TS类型声明

获取标准的Python脚本,以便使用FASK对网站进行Flask

在移动屏幕上显示时分支树视图的响应能力问题

:invalid Select 器的惰性判断

Angular中如何向单选按钮添加验证

实验的响应式屏幕尺寸

如何让一个 div 始终贴在容器的边缘?

屏幕缩小时背景图像裁剪高度

如何在图片前面放置下拉框?

按钮显示:内联不换行

如何在react 中向按钮添加禁用属性?

CSS:如何在模糊的背景上剪切文本?