我有一个有序的表列表,其中包含 1 行和 2 列,使用下面的代码。
我试图让表格段落的第一行与类似于普通列表项的数字对齐。由于某种原因,它没有对齐,数字显示在底部。
我如何才能 1. 将表格行段落与类似于第一项的数字对齐,以及 2. 将“56 次引用”段落与表格中的其他 td 对齐。
谢谢!
<ol>
<li>
<p>This is what a normal item</p>
<p>looks</p>
<p>like</p>
</li>
<li>
<table>
<tr>
<td>
<p>This is what a table item</p>
<p>looks</p>
<p>like</p>
</td>
<td>
<p>56 Citations</p>
</td>
</tr>
</table>
</li>
</ol>
最佳答案
在td
元素中使用vertical-align: baseline
,像这样:
td {
vertical-align: baseline;
}
<ol>
<li>
<p>This is what a normal item</p>
<p>looks</p>
<p>like</p>
</li>
<li>
<table>
<tr>
<td>
<p>This is what a table item</p>
<p>looks</p>
<p>like</p>
</td>
<td>
<p>56 Citations</p>
</td>
</tr>
</table>
</li>
</ol>
关于html - 如何将有序列表项表与数字对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66287266/