html - 将类应用于 br 标签？

Question

以下是有效的 HTML 吗？

<br class="something">

作为一个 HTML 元素，我不明白为什么它不会，但我认为我从未见过它在使用中。

score 46 · Accepted Answer

46

是的。

请参阅规范。

该class属性适用于“HTML 元素”（包括br元素）。

于 2013-06-05T15:55:49.187 回答

score 6 · Accepted Answer

我能想到的一个应用程序是将它与伪元素一起使用，例如:beforeor :after，例如在水平线下方添加一些文本：

hr.something:after  { content: "Some text"  }

score 5 · Accepted Answer

是的，有效。

规范告诉它br接受全局和事件属性，并且class是一个全局属性。

请注意，如果您以 HTML4 及以下版本为目标，则brnamed有一个特定属性clear，它定义了将新行放在何处，如此处所述，但现在已弃用，除非您的DOCTYPE允许，否则您不应再使用它。

score 4 · Accepted Answer

是的，这是有效的声明。你可以使用类似的东西。

<br style="height: 100px; margin-top: 10000px;">

但建议使用 div 元素。

score 3 · Accepted Answer

它在 HTML 4.01 中有效，因为elementclass允许使用该属性。它在 HTML5 中的 HTML 序列化中也是有效的，因为所有元素都允许该属性。没有匹配的 XHTML 是无效的。brclass</br>

score 3 · Accepted Answer

是的，你可以，来自 w3c 规范：http ://dev.w3.org/html5/markup/br.html

<br>element 可以利用全局属性，并且class是其中之一。

score 1 · Accepted Answer

1

是的，您可以向元素添加class属性。如果你愿意，也可以。<br>id

于 2013-06-05T15:56:13.540 回答

score 0 · Accepted Answer

当然，它是有效的。一个有用的示例是，如果您想在换行符后直观地添加一点空格，而不是结束段落。或者也许应用背景图像。各种样式选择。

score 0 · Accepted Answer

一个br标签不会产生一个 CSS 框，因此它几乎无能为力。

唯一的实际情况是clear。我相信drupal曾经使用过它。有趣的是 CSS 1 规范。克制了对 br 做任何事情。http://www.w3.org/TR/REC-CSS1/#br-elements。毫无疑问，在其上应用一些 css 不会使代码无效，但不会产生什么影响。

这个https://stackoverflow.com/a/899359/1043824是关于这个话题的一个很好的讨论。

score -1 · Accepted Answer

It does come handy when you want to omit the linebreak.e.g in a Headline when having a responsive layout and certain breakpoints.

10 回答 10