表格中段落的对齐方式

时间:2013-11-14 16:17:11

标签: css

我有一个小提琴 here...

基本上,我有一个包含多列的表。有一个带有段落标题的列,以及旁边带有实际段落的列。

我试图让段落标题与段落的顶行对齐。

这是我到目前为止所得到的......(tks @ExtPro

.table-wrapper{
    border: 1px solid black;
}
.table-col1, .table-col2 { float: left; width: auto;  padding: 10px; margin-top: 20px; }

2 个答案:

答案 0 :(得分:1)

使用table-col1

上的属性vertical-align: top;

答案 1 :(得分:1)

HTML

缺少结束 tbody 标记

还可以使用 vertical-align:top; 垂直对齐table-cell标记。可能的值包括:顶部,中部,底部

Formal syntax: baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>

<强> https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align

<强>更新

如何添加它,在tbody上设置vertical-align&gt; TD

tbody td {
     vertical-align: top;
}

如果您只是使用嵌套表格,它就像这样:

<强> http://jsfiddle.net/j9Vmd/31/