我尝试设置line-height和其他属性的表,我如何可以增加高度?
<style> div#description { background-color: gray; height: 25%; border: 2px black; } tr { line-height: 25px; } .container { height: 100% } table { height: 100% } #topics tr { line-height: 14px; }</style></head><body> <div > <div > <div > <p>Hello</p> <div > <table > <tbody> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table> </div> </div> <div ID="description"> <p>Hello2</p> </div> </div> </div>解决方法 对于< tr>只是设置
tr { line-height: 25px; min-height: 25px; height: 25px;}
它也与引导一起工作.对于100%的高度,100%必须是100%的东西.因此,您必须为其中一个容器或身体定义固定的高度.我想你想要整个页面是100%,所以(示例):
body { height: 700px;}.table100,.row,.container,.table-responsive,.table-bordered { height: 100%;}
不设置静态高度的解决方法是根据视口强制代码中的高度:
$('body').height(document.documentElement.clIEntHeight);
所有这些在这个小提琴 – > http://jsfiddle.net/LZuJt/
注意:我不在乎你在#description上有25%的高度,桌子上的高度是100%.猜猜这只是一个例子.并注意到clIEntHeight是不正确的,因为documentElement是一个iframe,但你会得到自己的projekt的图片:)
总结以上是内存溢出为你收集整理的html – 赋予表和行在引导中的高度全部内容,希望文章能够帮你解决html – 赋予表和行在引导中的高度所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)