在文本块中添加换行符是否有比在每个项目后添加 <br> 更好的方法?

Is there a better way to add line-breaks in a block of text than just putting <br> after every item?

我有一长串项目的格式如下:

list item <br>
list item <br>
list item <br>
list item <br>
list item <br>
list item <br>

等等

目前,我通过在每个项目后放置一个 br 来让他们工作,但这有点混乱。是否有一些我可以使用的 CSS 或 HTML 会在每个项目后自动换行?它们目前都在 p 标签内。

另一种方法是将每个项目包装在块元素中,如下所示:

<div>list item</div>
<div>list item</div>
<div>list item</div>
<div>list item</div>
<div>list item</div>
<div>list item</div>

如果您的内容实际上是无序列表项,则使用 ulli 在语义上是正确的:

<ul>
   <li>list item</li>
   <li>list item</li>
   <li>list item</li>
   <li>list item</li>
   <li>list item</li>
   <li>list item</li>
</ul>

您确实希望使用 HTML 的内置列表标签,无论是有序列表还是无序列表。

要回答你的问题,不,打破一行确实没有好的解决方案,至少没有比使用无序<ul>或更容易的其他方法了已排序 <ol> 列表标签(或者当然,只需使用 <br /> 换行符)。

这是一个显示基本功能的 Fiddle

您可以使用 CSS 样式来调整显示 - 所以如果您想要突出重点,您可以添加一个 CSS 选择器:

li { list-style: none; }

如图所示,在这个Fiddle

***编辑****

请注意,<ul><ol> 标签必须位于任何 <p> 或内联标签之外。

我觉得<br>不是用来断线的。在这种情况下,您可以使用 br 例如:

<p>*但是为了让你明白那些指责快乐和赞美痛苦的人的所有这些天生的错误是从哪里来的,我将揭开整个问题,并解释那个真理的发现者,可以说是幸福生活的建筑师。 <br>

因为没有人轻视、憎恨或逃避快乐本身,因为它是快乐,而是因为巨大的痛苦伴随着那些不知道如何理性地追随快乐的人。* </p>

很好的方法是使用 <br> 标签来格式化段落内的文本。 对于断行,使用 <p>, <div> 或其他块元素。