Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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
Jquery 将车身限制在最大高度?_Jquery_Html_Css_Twitter Bootstrap_Stylesheet - Fatal编程技术网

Jquery 将车身限制在最大高度?

Jquery 将车身限制在最大高度?,jquery,html,css,twitter-bootstrap,stylesheet,Jquery,Html,Css,Twitter Bootstrap,Stylesheet,我想在表的tbody上强制执行max height策略,将overflow设置为auto,这样只有当表太高时才会显示滚动条 是否有办法以这种方式限制表格中主体元素的高度 我感兴趣的表动态插入到一个较大表的单元格中,该表包含在引导面板容器中。执行以下类型的代码不起作用: html = ""; html += "<p>"; html += "<table class=\"sortable target_detail_sortable\" style=\"width:100%;\"

我想在表的
tbody
上强制执行
max height
策略,将
overflow
设置为
auto
,这样只有当表太高时才会显示滚动条

是否有办法以这种方式限制
表格中
主体
元素的高度

我感兴趣的表动态插入到一个较大表的单元格中,该表包含在引导面板容器中。执行以下类型的代码不起作用:

html = "";
html += "<p>";
html += "<table class=\"sortable target_detail_sortable\" style=\"width:100%;\" id=\"my_div_table\">";
html += "<thead>";
// populate header cells
html += "</thead>";
html += "<tbody style=\"max-height:300px; overflow:auto;\">";
// populate body cells
html += "</tbody>";
html += "</table>";
html += "</p>";
$("#my_div").html(html);
html=”“;
html+=“”;
html+=“”;
html+=“”;
//填充标题单元格
html+=“”;
html+=“”;
//填充体细胞
html+=“”;
html+=“”;
html+=“

”; $(“#我的分区”).html(html);

任何有用的建议都将不胜感激,谢谢

不能在任何表格元素上设置固定高度或最大高度

您可以将
display:block
添加到
tbody
。既然在这种情况下,它不再是最重要的,那就需要高度了。但是,由于
tbody
不再是一个
表行组
,因此本质上会再次在其中包含一个隐式表。因此,任何其他
thead
tbody
tfoot
元素中的任何列将不再与可滚动的
tbody
对齐

但是,除了列不匹配之外,这几乎可以在除IE之外的所有最新浏览器中使用。您应该能够自己修复其余问题


不过,我不知道如何在IE中修复它。我确实遇到过,但那是相当过时的,因为他的两种解决方案都在IE6中工作,但在IE7和IE8中出现了可怕的中断(方式也不同)。不过,它们确实在IE的“怪癖”模式下工作,所以如果您迫切需要它,这可能是您唯一的选择。

您不能在任何表格元素上设置固定或最大高度

您可以将
display:block
添加到
tbody
。既然在这种情况下,它不再是最重要的,那就需要高度了。但是,由于
tbody
不再是一个
表行组
,因此本质上会再次在其中包含一个隐式表。因此,任何其他
thead
tbody
tfoot
元素中的任何列将不再与可滚动的
tbody
对齐

但是,除了列不匹配之外,这几乎可以在除IE之外的所有最新浏览器中使用。您应该能够自己修复其余问题


不过,我不知道如何在IE中修复它。我确实遇到过,但那是相当过时的,因为他的两种解决方案都在IE6中工作,但在IE7和IE8中出现了可怕的中断(方式也不同)。不过,它们确实在IE的怪癖模式下工作,因此如果您迫切需要它,这可能是您唯一的选择。

来自RFC 1942-HTML表格第19页,该页在1996年将表格引入HTML:“如果表格正文中有大量行,用户代理可以选择在表格正文部分使用滚动区域。”令人难以置信的是,没有浏览器实现过这样的滚动区域,所以你不能,除非在@GodisGood的答案描述的限制范围内。我一定是让某人很不高兴!非常抱歉!RFC 1942-HTML表格第19页在1996年将表格引入HTML:“如果表格正文中有大量行,用户代理可以选择为表格正文部分使用滚动区域。”令人难以置信的是,没有浏览器实现过这样的滚动区域,所以不,你不能,除非在@GodisGood的答案所描述的限制范围内。我一定是真的让某人不高兴了!非常抱歉!