21

如今，我看到许多网站几乎没有<br/>标签。CSS 是否已经消除了对 的需求<br/>，或者<br/>仍然有用？

我问这个是为了知道将来是否要使用<br/>。

4

4 回答 4

26

正如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>sdisplay: inline默认情况下，这意味着它们可以与其他文本并排放置。当您创建一个元素并且display: block不将其设置width为固定值（如100px

于 2013-07-05T18:46:45.940 回答
14

<br>是一个有效的标签。但这只是一个换行符。您通常不需要换行符，因为通常有更多语义上有意义的标签可用于格式化您的内容。但这一切都取决于上下文。

最好问问我们<br>标签的特定用途是否有意义。发布一些您如何使用它的示例。

于 2013-07-05T17:26:32.540 回答
9

<br>标签很好用，只要确保你正确使用它们。如果您发现自己使用多个来获得额外的间距，那么您应该改用 css。标签的常见用途<br>是插入地址等内容。

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

尽量不要将它们用于演示，如果您需要多个换行符，请在 css 中使用边距或填充。

不要这样做

<p>some paragraph text</p>
<br><br><br>
<p>more content</p>
于 2013-07-05T17:40:41.270 回答
5

<br>每当内容包含换行符时使用。有几种情况：

  • 在论坛中，如果发帖人在他/她的帖子上签名：

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

  • <div>对于邮政地址，如果使用每个都有自己的名称、街道、州等类别的专用 s 会是一种过度杀伤力。

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

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

于 2013-07-05T20:43:26.933 回答