[英]How to align ordered list item table to number?
我有一个使用下面的代码包含 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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.