Question

我很想看到这个结果。

如果你想在文本中有多个空格，你可以通过几种方式来实现。

一种方式：

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

下一个方式：

<br/>
<br/>

最后一种方式：

<pre>




</pre>

哪一个最好？

pre标签还具有水平放置间距的能力，这是一个很简单的方法：

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

Answer 1

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

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

Answer 2

关键是语义。使用更能反映您意图的内容。

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

稍后，要“格式化”，请使用CSS。

Answer 3

是的，因为DA建议你应该使用CSS（word-spacing，letter-spacing）来进行文本间距。你可以使用这样的东西：

p{
    word-spacing:30px;
}

p{
    letter-spacing:2px;
}

希望这有帮助。

Answer 4

使用CSS，例如：

<p>
test
  test
</p>

使用CSS

p { white-space: pre-wrap; }

http://jsfiddle.net/Vffmj/

Answer 5

<pre>标记很糟糕。请不要使用它。

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

Answer 6

我想说<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>

<pre> tag VS. <br/> tag for spacing</pre>

6 个答案: