html - 如何使长文本适合小的 div？

Question

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

这可能是一个错误的问题。如何让它适合div？

我认为它不可能完全适合内部至少它可以根据宽度而不是高度适合在 div 中。

CSS

.limit{
    width:50px;
}

HTML

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

JSFIDDLE

Answer 1

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

.limit{
    width:50px;
    word-wrap: break-word;
}

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

Demo

另一方面，如果你不想打断句子，你也可以使用 overflow 属性设置为 auto 或 overflow-x: scroll ; - Demo