CSS の white-space: nowrap; + HTML の wbr 要素 + 日本語コンテンツの組み合わせで起きる問題を回避する 2013年09月03日 16:48HTML / CSS CSS の white-space: nowrap; と HTML の <wbr> 要素の組み合わせによる挙動が Firefox と Google Chrome で違ってて、 特に日本語コンテンツの表示を統一しようとすると何かとややこしいので その回避方法を書いてみます。 その前にちょっと前提のお話を。 white-space: nowrap; のおさらい CSS を書く人には説明の必要もないと思うんだけど、 white-space というのは HTML の要素内で ホワイトスペース(スペース文字や改行コードなど)がどのように扱われるかを指示するための CSS のプロパティですね。 W3C によ
![CSS の white-space: nowrap; + HTML の wbr 要素 + 日本語コンテンツの組み合わせで起きる問題を回避する](https://cdn-ak-scissors.b.st-hatena.com/image/square/5f5a9e7a787fefeb67c23e09181b6d5f0d439cb5/height=288;version=1;width=512/https%3A%2F%2Fwww.msng.info%2Fwp-content%2Fuploads%2F2013%2F09%2Finline.jpg)