html - Chromeで改行が発生しない

Question

サンプルページ

いくつかの<span>要素がinline-blockあり、最後の後に新しい行を改行する<span>必要<br>があります（複数の場合があります<br>）。

新しい行はFirefox では機能しますが、 Chrome (v. 24)では機能しません。理由がわからない。

私はこれを書いて、インターネットを検索している人がこの問題について何か読むことができるようにします。

Answer 1

コンテンツを追加するとすぐに機能します。クロムはあなたに空のスペースを与えるのが好きではありません。

 空の改行を追加してみてください。

編集：トピックについて多くの議論があったので変更します。

Firefoxにはバグがあり、改行を表示しないはずです。W3C標準によると、要素は「実際にはコンテンツの一部である改行にのみ使用する必要があります」。に続くコンテンツ<br>がないと、この改行は作成されません。

Answer 2

解決済み：http：//jsbin.com/ezatoy/32/edit

次のように、コンテナ要素にゼロ幅スペースを追加します。

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

これにより、最後の発生後にコンテンツが確実に存在<br>し、事実上新しい行に割り込むことができます。DOMを追加/変更する必要はありません。

Answer 3

<br />最善の解決策ではないかもしれませんが、 Chromeで機能した後に空白を追加するとします。

<br />&nbsp;