Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我正试图调整html表格的高度,但遇到了困难_Html_Html Table - Fatal编程技术网

我正试图调整html表格的高度,但遇到了困难

我正试图调整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,是一位杰出的领导者。我们的饮食,我们的精神,我们的家庭,我们的社会,我们的社会,

我试图将html表格的高度固定为320px,但是当我添加更多内容时,表格会增长。任何帮助都将不胜感激


.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。因为我们对“然而,当我添加更多内容时,表格会增长”的措辞感到困惑。