CSS被取代了吗？

Question

现在我看到许多网站很少或没有<br/>个标签。 CSS是否已经避免了对<br/>的需求，或<br/>仍然有用？

我问这个问题，以便我知道将来是否使用<br/>。

Answer 1

作为D.A. said，有时<br>是合适的，有时则不合适 - 这取决于您使用它的目的。在<br>不合适的情况下，以下是使用什么CSS 而不是<br>的一些示例。

垂直边距或填充

如果您使用<br>添加垂直空间只是因为它看起来更好（不是因为换行符是内容的一部分），您应该使用垂直边距或填充。而不是：

<div class="foo">some content</div>
<br><br>
<div class="bar">more content</div>

你可能想要这个：

<div class="foo">some content</div>
<div class="bar">more content</div>

.foo { margin-bottom: 2em; }

根据具体情况，您可能希望更改距离2em，或使用padding代替margin，或将空格放在.bar的顶部.foo的底部。

display: block

如果您使用单个<br>将线条分成两行仅用于视觉效果，则最好使用display: block。如果您有以下格式的HTML：

<label for="first-name">First name:</label>
<br>
<input type="text" id="first-name" name="first-name" />

然后你应该做这样的事情：

<label for="first-name">First name:</label>
<input type="text" id="first-name" name="first-name" />

form label { display: block; }

<label>默认为display: inline，这意味着他们可以与其他文字坐在一条线上。当您创建元素display: block并且未将其width设置为固定值（如100px）时，元素将展开以填充整行，从而将元素强制转换为下一行

Answer 2

<br>是有效标记。但这只是一个换行符。您通常不需要换行符，因为通常会有更多语义上有意义的标记用于格式化您的内容。但这完全取决于背景。

最好问我们<br>标签的具体用法是否有意义。发布一些如何使用它的例子。

Answer 3

<br>标签可以正常使用，只需确保您正确使用它们即可。如果你发现自己使用多个来获得额外的间距，那么你应该使用css代替。 <br>标记的常见用法是插入类似地址的内容。

<p>Company Name<br>
Address Line 1<br>
Address Line 2<br>
City, State, Zip</p>

尽量不要将它们用于演示，如果你需要多个换行符，那么在css中使用margin或padding。

不要这样做

<p>some paragraph text</p>
<br><br><br>
<p>more content</p>

Answer 4

只要内容包含换行符，就使用<br>。有几种情况：

• 在论坛中，如果海报签署了他/她的帖子：

  <p>See you,<br>Jon Doe<br>
  

• 对于邮政地址，如果使用专用的<div>并且每个人都有自己的名称，街道，州等等，那就太过分了。

  <p>Jon Doe<br>Sunrise Avenue 123<br>Saint Nowhere</p>
  

• 更一般地说，如果用户可以输入带格式的文本，并且有人输入单个换行符。