1

在 IE7 中，宽度比文本窄的 div 中的文本不会换行为两行。它适用于比 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 中，哥伦比亚特区在其他浏览器中保持在一条线上


哥伦比亚特区

这应该是什么，所以 IE7 与哥伦比亚特区这样的线路不正确。如果我添加溢出：隐藏它会被切断。

任何关于此的解释为什么文本不会在 IE7 中换成两行？

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 回答