如何在<li> </li>中对齐多行

Question

<li>test<br />test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>

如何让第一行<li>内的第二行与第一行对齐？

我无法相信我在问这个非常基本的问题。

Answer 1

您的示例省略了打开/关闭ul标记。有了这些，我通常会使用p来强制换行，但br可以正常工作 - 要么会对齐。

后续评论要求“没有子弹”。这在Need an unordered list without any bullets

中得到了解答

Answer 2

There ya go

只需将li嵌套在li

中

Answer 3

尝试CSS规则的这种组合：

text-indent: -1em; padding-left: 1em;

实施例

li {
  text-indent: -1em;
  padding-left: 1em;
}

<li>test
  <br />test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>