Question

还有其他方法可以在div中自动换行文本吗？我不能在CSS中使用自动换行，因为我只能使用CSS1和一些CSS2。

*使用javascript或CSS

谢谢！

.test_wordWrap {
  position: absolute;
  top: 45px;
  left: 20px;
  width: 250px;
  white-space: pre-wrap;
}

Answer 1

也许这会有所帮助：

.myClass {
     white-space: normal;
     overflow: hidden;
}

Answer 2

以下css属性将完成工作

word-break: break-all;

Answer 3

试试吧......

HTML

   <div class="wraptext">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>

css

.wraptext{
    white-space:nowrap;
    overflow:hidden;
    width:50px;
 }

Answer 4

你可以试试这个宝贝：）

p.wrap { width: 11em; border: 1px solid #000000; word-wrap: break-word; } <p class="wrap"> This paragraph is very long long long long but not long enough to say how much you love a person lol</p>

Answer 5

你可以试试这个：

<div class="wordwrap">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

.wordwrap
{
 width : 50px;
/* wrap long text and urls */
white-space: pre; /* CSS 2.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
word-wrap: break-word; /* IE 5+ */
}

CSS3中的单词换行

5 个答案: