CSS被取代了吗？

Question

现在我看到许多网站很少或没有<br/>标签.CSS是否已经避免了<br/>或者<br/>仍然有用？

我问这个,以便我知道<br/>将来是否使用.

Answer 1

正如DA所说,有时<br>是合适的,有时却不合适 - 这取决于你使用它的原因.以下是在不适合的情况下使用CSS代替的一些示例.<br><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>s 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>
  

• 更一般地说,如果用户可以输入格式化文本,并且有人输入单个换行符.