html – 使内容适合div的宽度

前端之家收集整理的这篇文章主要介绍了html – 使内容适合div的宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使文本适合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%).@H_404_6@

解决方法

自动换行:打破字

>将长词包裹在下一行.
>调整不同的单词,使它们不会在中间断开.@H_404_6@

所以试试下面的CSS@H_404_6@

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

JSFiddle@H_404_6@

猜你在找的HTML相关文章