3

我有兴趣看到这个结果。

如果你想在文本中有多个空格，你可以通过几种方式来做到这一点。

单程：

<p>&nbsp</p>
<p>&nbsp</p>

下一个方法：

<br/>
<br/>

最后一种方式：

<pre>




</pre>

哪一个是最好的？

pre 标签还可以水平放置间距，这是一个很好的简单方法：

<p>Home<pre>   </pre>About<pre>   </pre>Contact</p>
4

6 回答 6

18

以上都不是。这就是 CSS 的用途。使用 CSS。

附录：如果出于某种原因，它必须是一个纯粹的 HTML 解决方案，我会说它们在本质上几乎都是平等的，因为它们实际上都是表现性的而不是语义性的。似乎是一个 6/半打的比较。

于 2011-12-02T17:06:43.640 回答
5

关键是语义。使用更能反映你意图的东西。

<p>如果您的意思是段落，请使用。<br/>如果您的意思是断线，请使用。<pre>如果您的意思是预先格式化的代码，请使用。

后来，为了“格式化”，使用 CSS。

于 2011-12-02T18:29:27.440 回答
1

是的，正如 DA 建议的那样，您应该使用 CSS ( word-spacing, letter-spacing) 作为文本间距。你可以使用这样的东西：

p{
    word-spacing:30px;
}

p{
    letter-spacing:2px;
}

希望这可以帮助。

于 2011-12-02T17:10:26.260 回答
1

使用 CSS，例如：

<p>
test
  test
</p>

与 CSS

p { white-space: pre-wrap; }

http://jsfiddle.net/Vffmj/

于 2012-12-13T10:58:04.647 回答
-1

<pre>标签是可怕的东西。请不要使用它。

它会导致格式变得奇怪，尤其是长行。它似乎也完全弄乱了移动浏览器。

于 2011-12-02T17:10:34.480 回答
-1

我想说的<br />是，在这种情况下，标签实际上更好地用于间隔目的，因为它需要更少的代码供浏览器解析。虽然我知道它并没有太多额外的鳕鱼，但它仍然有一点点，并且在网站性能方面，你使用的越少越好。

然而，更合适的方法是在元素周围设置填充样式。

只是凭直觉，但根据您放在那里的内容，我认为最理想的方法是：

<style type="text/css">
 #Navigation { padding: 0; margin: 0; }
 #Navigation li { float: left; list-style-type: none; display: inline-block; }
</style>

<ul id='Navigation'>
 <li>Home</li>
 <li>About</li>
 <li>Contact</li>
</ul>
于 2011-12-02T17:10:50.037 回答