html – 使内容适合div的宽度

发布时间：2020-12-14 18:45:50 所属栏目：资源来源：网络整理

导读：如何使文本适合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的宽度.这是我的代码

<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％).

解决方法

自动换行：打破字

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

所以试试下面的CSS

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

JSFiddle

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!