UIWebViewに表示させるページを
CSSで画面横幅に合わせているにもかかわらず、
URL文字列が改行されずに指定した横幅を超え、
画面幅をはみ出してしまい横スクロールになってしまう
そんな現象に苛まれたときの対処法です。
word-break:break-all;
スタイルシートで上記を指定してください。
この問題は、URLがひとつの単語として扱われ、
強制改行の対象にならないことから発生するようです。
そこで、単語の途中でも、
強制的に改行させてしまうという指示が
上記のスタイルになります。
英語が表記されたページなんかだと、
単語の途中で改行されたりして困ったことになるかもしれませんが
日本語であればそんなに問題はないと思います。
ちなみに、word-breakは
当初インターネットエクスプローラーが独自採用した物らしいのですが、
現在のところIEの他に少なくとも
safari
GoogleChromeで使用できます。
このブログのRSSfeedを購読
この記事はお役に立ちましたか？