[クロスブラウザ]CSSだけで長いURLや文字がはみ出さないようにボックスの中で折り返す方法。 最終更新日: 2013/08/04 HTML/CSS こんにちは@sayobsです。今日紹介するのはCSSだけで長いURLや文字がはみ出さないようにボックスの中で折り返す方法です。 CSSを使う。先日「iPhoneからフェイスブックにシェアする方法」を書いた時に記事に長いブックマークレットを書く必要がありました。しかし下の画像のように長いコードが記事からはみ出して大変な事になっています。 これをはみ出さないように記事内で折り返す方法がWrapping Long URLs and Text Content with CSS : Perishable Pressで紹介されていました。 pre { white-space: pre; /* CSS 2.0 */ white-space: pre-wra
![[クロスブラウザ]CSSだけで長いURLや文字がはみ出さないようにボックスの中で折り返す方法。 | Last Day. jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/f67ff6fd1308a2442ebc8a4ee6b710c00d3e9155/height=288;version=1;width=512/https%3A%2F%2Fwww.lastday.jp%2Fwp-content%2Fuploads%2F2012%2F11%2Fcrossbrow.jpg)