html - 不会在 Chrome 上造成新行

Question

示例页面

我有一些<span>元素，inline-block在最后一个元素之后，<span>我有<br>一个新行（可能不仅仅是一个<br>）。

新行适用于Firefox，但不适用于Chrome (v. 24)。不知道为什么。

我写这篇文章是为了让正在搜索互联网的人可以阅读有关此事的内容，因为我在 google/stackoverflow 上没有找到任何关于此的内容。

Answer 1

只要你添加内容，它就可以工作。chrome 只是不喜欢给你空白空间。

尝试 在空的新行上添加。

编辑：改变，因为关于这个话题的讨论太多了。

Firefox 有一个错误，它不应该显示换行符。根据 W3C 标准，元素“必须仅用于实际上是内容一部分的换行符”。没有后面的内容<br>，它不会创建这个换行符。

Answer 2

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

通过向容器元素添加零宽度空间，如下所示：

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

这确保了在最后一次出现之后会有一些内容<br>，有效地进入一个新行。无需添加/更改任何 DOM。

Answer 3

<br />可能不是最好的解决方案，但如果你在 Chrome 中添加空格后它可以工作。

<br />&nbsp;