1

IE7では、テキストよりも幅が狭いdiv内のテキストは2行に折り返されません。IE7よりも他のブラウザで動作します。

<div class="office-header-info">
<div class="local-office">District of Columbia</div>
</div>

.office-header-info {
  float: left;
}

.local-office {
  color: #893f22;
  width: 165px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin-top: 17px;
  white-space: normal;
  line-height: 1.1;
}

IE7では、コロンビア特別区は他のブラウザでは1行にとどまります。


コロンビア特別区

これが本来あるべきことなので、IE7はコロンビア特別区のような1行では正しくありません。オーバーフロー：非表示を追加すると、切断されます。

IE7でテキストが2行に折り返されない理由を説明するこれについて何かありますか？

4

1 に答える 1

0 
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */

試してみてください。

于 2012-07-03T20:36:27.310 に答える