限制文本宽度

Question

我的网站中的长输入溢出了div和允许的宽度。

我读过这是因为如果有空格，浏览器将只插入换行符。

由于我的网站都是关于用户输入的，可能会让事情变得糟糕。

我想知道是否仍有限制宽度的方法，即使输入中没有空格也是如此。

Answer 1

使您的div可滚动，以便所有溢出的内容不会破坏布局，而是滚动。

<div style="overflow:scroll;">...</div> 

Answer 2

是的，单词换行在单词边界上划线。如果你没有字界限，那将是一个问题。

所以，不要依靠单词换行，而是让你的容器在overflow: scroll和CSS中的朋友之间滚动。

Answer 3

我建议你用overflow:auto代替你的div。它可能会给你更好的结果。