CSS:修正行高

前端之家收集整理的这篇文章主要介绍了CSS:修正行高前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个标记
<style>
    table
    {
        border:1px solid black;
        width:400px;
        height:300px;
        border-collapse:collapse;
    }
    table tbody
    {
        border:1px solid red;
    }
    table td
    {
        background:yellow;
        padding:10px;
        border-bottom:1px solid green;
        height:20px;
    }
</style>


<table>
<tbody>
    <tr><td>test</td></tr>
    <tr><td>test</td></tr>
</tbody>
</table>

我需要的是,行不会在高度上拉伸。
有没有一种固定行高的方法

解决方法

如果表的高度大于行的高度,则表格行的高度通常会与表的高度成比例地更改。由于该表强制您的行的高度,您可以删除表高度以解决问题。如果这是不可接受的,您还可以给行显式高度,并添加第三行,将自动调整大小到剩余的表高度。

CSS2中的另一个选项是Max-Height属性,尽管它可能会导致table.http://www.w3schools.com/cssref/pr_dim_max-height.asp中的奇怪行为

猜你在找的CSS相关文章