1. ホーム
  2. Web制作
  3. HTML/Xhtml

IEタグLIテキスト改行不具合について

2022-01-15 13:58:52
ずっと悩んでいて、検索したら解決された方もいらっしゃるようなので、ご紹介します。ULとLIを使ってテキストを表示する場合、IEブラウザはデフォルトでLIのテキスト長を強制的に行頭に持ってきません。そのため、ULで設定した幅を超えたテキストが最初の位置で折り返されてしまうという問題が発生します。
解決策
コピーコード
コードは以下の通りです。

ul li{
white-space:nowrap;
}

よく見てください、この属性を設定しているのはulではなくliです。