0

我有几个包含文本的表格标题单元格，我很好。但是，标题具有背景颜色，并且在单行和其他 2 行（换行）之间具有不同的高度看起来很尴尬。

我可以将标题设置为某个高度，以便包含单行文本的单元格与具有 2 行的单元格的高度相同吗？我不想使用 no-wrap 因为我想保持表格的当前宽度。

当我改变 line-height 时，包裹单元格的间距也会增加，所以基本上标题单元格的高度仍然不同。

<table class = "large_headers">
    <tr>
       <th>Test1</th>
        <th>Test2</th>
    </tr>
    <tr>
       <td>abc</td>
       <td>def</td>
    </tr>
</table>

.large_headers th{
    display: table-cell;
}
4

2 回答 2

1

您的标记无效。尝试这个：

<table class = "large_headers">
    <tr>
        <th>Test1 foobar foobar</th>
        <th>Test2</th>
    </tr>
    <tr>
       <td>abc</td>
       <td>def</td>
    </tr>
</table>

使用这个 CSS：

.large_headers th{
    background-color:red;
    width:20px;
}

在这里小提琴：http: //jsfiddle.net/wLEu8/

于 2013-11-02T19:59:31.143 回答
-2

ths 应该属于 a trlike a td。

于 2013-11-02T19:57:15.597 回答