css - 表内の段落の配置

Question

ここにフィドルがあります...

基本的に、複数の列を持つテーブルがあります。段落タイトルの列と、その隣の列に実際の段落があります。

段落のタイトルを段落の一番上の行に揃えようとしています。

これが私がこれまでに得たものです...（tks @ExtPro）

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

score 1 · Accepted Answer

1

vertical-align: top;table-col1のプロパティを使用します

于 2013-11-14T16:20:39.233 に答える

score 1 · Accepted Answer

HTMLに終了のtbodyタグとtableタグがありません

また、 vertical-align:top;も使用してください。table-cell タグを垂直方向に揃えます。可能な値は次のとおりです: 上、中、下

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

アップデート：

これを追加するのはどうですか、tbody > td に垂直方向の位置合わせを設定します

tbody td {
     vertical-align: top;
}

ネストされたテーブルでそれを行った場合、次のようになります。

2 に答える 2