如何使文本适合 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%)。
word-wrap:break-word
- 将长单词换到下一行。
- 调整不同的单词,使它们不会在中间中断。
所以尝试下面的 CSS
.column {
width: 33%;
word-wrap: break-word;
}
JSFiddle http://jsfiddle.net/xX8wQ/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)