我的div具有指定的宽度,但是其中的文本没有分解并相应地适合div。

这可能是一个错误的问题。如何使其适合div?

我相信它不可能完全适合里面,至少可以根据宽度而不是高度来适合div里面。

的CSS

.limit{
    width:50px;
}

的HTML
<div class="limit">
    <p>fasfhfhsjdhkjhdkjhfjkhdsfjkhdfjhdfiuhadfhjdfhjadskf kjahsdjfahdfuahsdf dhsf</p>
</div>

JSFIDDLE

最佳答案

您只需要 word-wrap: break-word;

.limit{
    width:50px;
    word-wrap: break-word;
}
<div class="limit">
    <p>fasfhfhsjdhkjhdkjhfjkhdsfjkhdfjhdfiuhadfhjdfhjadskf kjahsdjfahdfuahsdf dhsf</p>
</div>


Demo

另一方面,如果您不希望打断句子,则还可以使用设置为overflowautooverflow-x: scroll;属性-Demo

关于html - 如何使长文本适合小div?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20565201/

10-11 22:14
查看更多