Info kplace.plala.jpから移設しました

html 文字列の折り返し

作成日: 2019/08/24
■目的
URLなど長い英語表示文字列は右端で折り返し表示しないのが普通です。
style属性を使って文字列の右端で折り返しを指定します。

■長い文字列の例
[折り返しなし]
https://apps.apple.com/jp/app/chrome-google-%E3%81%AE%E3%82%A6%E3%82%A7%E3%83%96%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/id535886823?mt=8
[折り返しあり]
https://apps.apple.com/jp/app/chrome-google-%E3%81%AE%E3%82%A6%E3%82%A7%E3%83%96%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/id535886823?mt=8
■htmlサンプル
style="word-wrap: break-word;"で折り返しを指定します。
ちなみに何もしないときはstyle="word-wrap: normal;"です。
<div class="well" style="word-wrap: break-word;">
文字列・・・・
</div>
■結果
長い文字列の右端で折り返し表示にはstyle属性を使います。
今回使用したのはstyle="word-wrap: break-word;"です。
　 blog 　　 MovableType