html - 使内容适合 div 的宽度

Question

如何使文本适合 div 的宽度。这是我的代码

<div class="column">
    <a href="#" class="user_thumbnail">
        <img src="<?=base_url()?>/images/1.jpg" width="100px" height="100px">

    </a>
    <span class="name">texttexttexttexttexttexttexttexttexttext</span>
</div>

当我试图显示文本时，文本像一条直线一样从 div 溢出。我如何做 css 以使文本适合<div class="column">（宽度 = 33%）的宽度。

Answer 1

word-wrap:break-word

• 将长词换到下一行。
• 调整不同的单词，使它们不会在中间中断。

所以试试下面的CSS

.column {
    width: 33%;
    word-wrap: break-word;
}

JSFiddle

Answer 2

您可以使用word-break: break-all;（假设您的意思是适合 div 的宽度，而不是标题所说的高度）

.column {
    width: 33%;
    word-break: break-all;
}

http://jsfiddle.net/VbTes/1/