html - 空间满时 CSS 换行

Question

我有一个非常简单的问题。这是我的code .如果空间已满，我不想要滚动条，例如在我的 code 中文本 abcdefghijklmnopqrstuvwxyz 在同一行，但如果空格已满，它应该换行

abcdefghijklmno
pqrstuvwxyz

知道我在这里做错了什么吗？？

 <div id="mainContainer">   
    <div id="headlineText">  
        <div class="inner">abcdefghijklmnopqrstuvwxyz</div>
    </div>

我想要像this这样的输出

Answer 1

在#headlineText中，添加:

word-wrap:break-word;
width:280px;

您将 width 设置为 20px，这就是问题所在:)

JSFiddle Demo