我有一个小提琴 here...
基本上,我有一个包含多列的表。有一个带有段落标题的列,以及旁边带有实际段落的列。
我试图让段落标题与段落的顶行对齐。
这是我到目前为止所得到的......(tks @ExtPro)
.table-wrapper{
border: 1px solid black;
}
.table-col1, .table-col2 { float: left; width: auto; padding: 10px; margin-top: 20px; }
答案 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;
}
如果您只是使用嵌套表格,它就像这样: