DIVで長い単語の強制行折り返しを実装するにはどうすればよいですか?
P粉450744515
2023-08-21 14:03:56
<p>わかりました、これは本当に混乱します。次のような </p><div> 内にコンテンツがあります: <p><br /></p>
<pre class="brush:php;toolbar:false;"><div style="background-color: green; width: 200px; height: 300px;">
Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.
</div></pre>
<p>ただし、「単語」が長すぎるため、(予想通り) コンテンツが </p><div> からオーバーフローします。 <p><br /></p>
<p>すべてを適合させるために必要な場合にブラウザに単語を「分割」させるにはどうすればよいですか? </p></div></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ブラウザの互換性がわかりません
リーリー
を使用することもできます。<wbr>タグ使用ワードラップ:ブレイクワード;これは IE6 でも動作しますが、これは嬉しい驚きです。
word-wrap:break-wordは、overflow-wrap:break-word;に置き換えられ、最新のすべてのブラウザで動作します。 IE は古いブラウザであるため、非推奨の非標準のword-wrapに常に依存します。word-wrapを使用する現在のケースは、正規のoverflow-wrapのエイリアスであるため、引き続き正常に機能します。