Question

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

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

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

<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;
}

Answer 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/

Answer 2

th应属于tr，如td。

如何为表头单元格制作统一的高度

2 个答案: