有没有更好的方法在文本块中添加换行符而不是在每个项目之后添加<br/>?

时间:2016-02-23 21:29:48

标签: html css formatting break

我有一个很大的项目列表,其格式如下:

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

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

3 个答案:

答案 0 :(得分:2)

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

<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>

答案 1 :(得分:1)

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

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

这是显示基本功能的Fiddle

你可以使用CSS样式调整显示 - 所以如果你想要指出子弹,你可以添加一个CSS选择器:

li { list-style: none; }

如此处所示,在此Fiddle

*** **** EDIT

请注意,<ul><ol>代码必须位于任何<p>或内嵌代码之外。

答案 2 :(得分:0)

我认为<br>不是为了突破界限。例如,在这种情况下你可以使用br:

<p> * Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,totam rem aperiam,eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo。 <br>

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt。* </p>

如此好的方法是使用<br>标记来形成段落内的文本。 用于分隔行使用<p>, <div>或其他块元素。