Question

我有一个ol列表。此列表中包含li，其中包含可以在多行中的文本。我想要做的是将标记位置的数字居中。

例如：

<ol>
   <li>
       Text in multiple line
   </li>
</ol>

会这样做：

  1. Text in
     multiple line

上一个示例中的“1”是我想要位于中间位置的东西。可能吗。如果是的话，我该怎么办呢。

Answer 1

我认为这可能是您正在寻找的：

<style>
    li span {
        display: inline-block;
        vertical-align: middle;
    }
</style>

<ol>
    <li>
      <span>Text in <br />multiple lines</span>
    </li>
    <li>
      <span>Text in one line</span>
    </li>
</ol>

Answer 2

使用

<ol>
<li>Text in </br>multiple line</li>
</ol>

fiddle

Answer 3

如果您的列表元素应该到位，请尝试使用

<ol>
   <li style="text-align:center;">
       Text in multiple line
   </li>
</ol>

中心li号列表

3 个答案: