显示多行文字的正确方法是什么?

时间:2018-04-08 15:52:04

标签: html text

我有一个HTML文档,其中包含一些不同的文本行,是否有一些确定的正确显示方式?

示例:

Here are
some lines
of text

我应该为每一行使用<p>标记,还是有其他/更好的方法来执行此操作?

示例:

<p>Here are</p>
<p>some lines</p>
<p>of text</p>

<p>
  Here are <br>
  some lines <br>
  of text <br>
</p>

还是完全不同的东西?

CSS&amp;其他事情目前并不重要,我只是想知道哪种是“最正确”的使用方式。

5 个答案:

答案 0 :(得分:2)

如果您有一个要在例如div中显示的带有新行的字符串,则可以使用echo "We are here: $(pwd)" CSS样式:

white-space: pre-wrap

答案 1 :(得分:1)

规范明确指出<br> should never be used unless the line breaks are actually part of the content forming a single unit of text

由于这些是不同的文本行,而不是恰好包含换行符的单个单元,因此需要将它们拆分为单独的<p>元素。

答案 2 :(得分:1)

正确的做事方式是使用为您需要的东西制作的东西。 如果您想要换行(输入),请使用<br>; 如果要定义段落,请使用<p>

答案 3 :(得分:0)

根据like this update did<br>元素用于插入换行符而不启动新段落。因此,您应该优先考虑第一种解决方案。

w3schools提供了一个关于样式指南和编码约定的奇妙this

答案 4 :(得分:0)

没有最正确的方式,至少根据您当前的需求规格。是的,您可以使用<p></p>标记将它们全部放在单独的段落中,也可以通过每行的<br>标记将它们分开。您还可以将span与白色空间CSS属性结合使用,因此您有很多选项。要为您选择最佳选择,您需要尝试一下,看看哪种选择最符合您的要求。