我正试图调整html表格的高度,但遇到了困难
我试图将html表格的高度固定为320px,但是当我添加更多内容时,表格会增长。任何帮助都将不胜感激我正试图调整html表格的高度,但遇到了困难,html,html-table,Html,Html Table,我试图将html表格的高度固定为320px,但是当我添加更多内容时,表格会增长。任何帮助都将不胜感激 .blogBox{margin-bottom:20px;border-bottom:#F00细点;背景色:#f2f2ea;高度:320px;溢出:隐藏;表布局:固定;} Lorem ipsum Door sit amet,是一位杰出的领导者。Phasellus Lorem ipsum Door sit amet,是一位杰出的领导者。我们的饮食,我们的精神,我们的家庭,我们的社会,我们的社会,
.blogBox{margin-bottom:20px;border-bottom:#F00细点;背景色:#f2f2ea;高度:320px;溢出:隐藏;表布局:固定;}
Lorem ipsum Door sit amet,是一位杰出的领导者。Phasellus
Lorem ipsum Door sit amet,是一位杰出的领导者。我们的饮食,我们的精神,我们的家庭,我们的社会,我们的社会,我们的社会,我们的社会,我们的精英。在sagittis perdiet,Matis mollis,lectus vel mattis mollis,lacus enim feugiat tellus,在sagittis perdiet,lectus vel mattis mollis,lacus enim feu s enim feu s enim feu s enim feu
用于.blogBox
添加显示:块代码>
.blogBox
{
display:block; /*or inline-block, depend of Your need */
margin-bottom:20px;
border-bottom:#F00 thin dotted;
background-color:#f2f2ea;
height:320px;
overflow:hidden;
table-layout:fixed;
}
有。我仅将高度
更改为120px
进行测试
.blog {height:320px; overflow:hidden;}
将此添加到CSS中 您可以将表格放在具有max height
的div中,并阻止它在该意义上进一步向下移动。否则我不相信你能阻止桌子随着内容的增加而变大。我认为,如果您使用t车身
标签,将其设置为display:block
,并为其设置一个设定高度,它将起作用,但可能会导致错位
HTML示例:
<div class="pane">
<table align="left" width="220px" cellpadding="0" cellspacing="0" class="blogBox">
<tr>
<td valign="top">
<p class="headline">Lorem Ipsum</p>
<p class="blog">Lorem</p>
</td>
</tr>
</table>
</div>
在这里拉小提琴:在表内取tbody
标记并设置其样式
{overflow:hidden; max-height:320px; display:block;}.
{overflow:hidden; max-height:320px;}
这对你有用。或者,您可以将表格放在div
标记中并设置其样式
{overflow:hidden; max-height:320px; display:block;}.
{overflow:hidden; max-height:320px;}
请将您的问题从“任何帮助都将不胜感激”改为“当添加额外内容时,我如何防止表格增长”。请澄清您的问题。如果在表中添加更多内容。工作台高度应增加或始终固定为320Px。因为我们对“然而,当我添加更多内容时,表格会增长”的措辞感到困惑。