html – 赋予表和行在引导中的高度

html – 赋予表和行在引导中的高度,第1张

概述我正在使用bootstrap 3,我试图给高度的表和行,但没有什么是为我工作. 我尝试设置line-height和其他属性的表,我如何可以增加高度? <style> div#description { background-color: gray; height: 25%; border: 2px black; } tr { 我正在使用bootstrap 3,我试图给高度的表和行,但没有什么是为我工作.

我尝试设置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 – 赋予表和行在引导中的高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1098782.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存