<br/>不会在Chrome上引起新线路

Question

Example page

我有一些<span>元素是inline-block，在最后<span>之后我有一个<br>来打破一个新行（可能只有一个<br> 1}}）。

新行适用于 Firefox 但不适用于 Chrome （第24页）。不知道为什么。

我这样写，所以正在搜索互联网的人会有关于此事的内容，因为我没有在google / stackoverflow上找到任何相关内容。

Answer 1

只要你添加内容，就可以了。铬只是不喜欢给你空的空间。

尝试在空的新行上添加 。

编辑：改变，因为关于这个主题的讨论很多。

Firefox有一个错误，它不应该显示换行符。根据W3C标准，元素“must be used only for line breaks that are actually part of the content”。如果没有<br>之后的内容，则不会创建此换行符。

Answer 2

解决：http://jsbin.com/ezatoy/32/edit

通过向容器元素添加ZERO WIDTH SPACE，如下所示：

div:after{ content:'\0200B'; }

这可以确保在上一次<br>发生后会有一些内容，实际上会打入一个新行。无需添加/更改任何DOM。

Answer 3

可能不是最佳解决方案，但如果您在Chrome浏览器中使用<br />后添加空格。

<br />&nbsp;