基本上,我有一个包含多列的表。有一列带有段落标题,旁边的一列带有实际段落。
我试图让段落标题与段落的第一行对齐。
这是我到目前为止所得到的......(tks @ExtPro)
.table-wrapper{
border: 1px solid black;
}
.table-col1, .table-col2 { float: left; width: auto; padding: 10px; margin-top: 20px; }
基本上,我有一个包含多列的表。有一列带有段落标题,旁边的一列带有实际段落。
我试图让段落标题与段落的第一行对齐。
这是我到目前为止所得到的......(tks @ExtPro)
.table-wrapper{
border: 1px solid black;
}
.table-col1, .table-col2 { float: left; width: auto; padding: 10px; margin-top: 20px; }
使用vertical-align: top;
table-col1 上的属性
您的HTML中缺少结束tbody和table标记
也使用垂直对齐:顶部;垂直对齐表格单元格标签。可能的值是:顶部、中间、底部
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 > td 上设置垂直对齐
tbody td {
vertical-align: top;
}
如果你只是用嵌套表来做,它会是这样的: