Question

我有这样的结构（每个单元格中有3个子行，但子行的高度不同）：

<table>
    <tr>
        <td>
            <p>first<br/>row</p>
            <p>second<br/>row</p>
            <p>third<br/>row</p>
        </td>
        <td>
            <p>first row</p>
            <p>second row</p>
            <p>third row</p>
        </td>
    </tr>
</table>

是否可能格式化（通过css）所有子行看起来像：

<table>
<tr>
    <td>first<br/>row</td>
    <td>first row</td>
</tr>
<tr>
    <td>second<br/>row</td>
    <td>second row</td>
</tr>
<tr>
    <td>third<br/>row</td>
    <td>third row</td>
</tr></table>

UPD 我使用Tapestry'grid'组件来显示一些信息。网格中的每一行都是关于一个对象的信息。每列是一个属性。它会生成如下的html代码：Working Fiddle 。我需要在正确的'名字'对面显示'id'，而不是在中心

Answer 1

是的，对display: table-cell元素使用p。

td > p{
    display: table-cell;
}

<强> Working Fiddle

多行表格单元格，将每一行显示为单独的单元格

1 个答案: