有人输入一个长单词(没有空格)时内容溢出

时间:2014-09-20 21:26:18

标签: html css

正如您在JSFiddle示例中所说,当没有使用空格时,内容会溢出。我试过了overflow: hidden,但隐藏了其余部分。有什么想法吗?

2 个答案:

答案 0 :(得分:1)

您应该增加content div的宽度,并将以下样式添加到样式表中:

.content {
     word-wrap: break-word;
}

答案 1 :(得分:0)

也许使用 overflow:scroll;overflow:auto;

将溢出设置为滚动或自动将显示滚动条以显示其他文本,而隐藏则不会。

另一个想法是text-overflow: ellipsis;

正如documentation所说。

希望这些有帮助!