Question

我已将div的max-width设置为500px，但div标签内的文本越过宽度并继续而不是到达下一行。

请帮助更改代码。

以下是我的代码：

div设置为500px

包含div内部文本的标签。它超过500 px而不是到达下一行。

我知道它的基本但我不知道如何制作它。请帮忙。

Answer 1

无需在段落标记上设置宽度。宽度将包含在父<div>中。

此处示例http://jsfiddle.net/statzx2m/

Answer 2

这是demo

将此行添加到您的css：

word-wrap: break-word;

Answer 3

您需要使用css word-wrap这么长的文字（链接，长字等）不会移到您的div之外。

word-wrap: break-word;

可能的选项是：normal|break-word|initial|inherit

您还可以设置overflow:hidden以防止显示在框外的内容。

Answer 4

设为段落word-wrap: break-word：

p {
    word-wrap: break-word;
}

示例：

＆＃13;

.container {
    max-width: 500px;
}
.container > p {
    word-wrap: break-word;
}

＆＃13;

<div class="container">
    <p>LoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitamet</p>
</div>

＆＃13;

http://jsfiddle.net/ro3yfede/

在html中跨越超过最大宽度的文本

4 个答案: