小编典典

自动换行

css

如何显示带有自动换行符的长字符串,网站地址,单词或符号集,以保持div宽度?我猜是一个自动换行。通常添加空格是可行的,但是是否有CSS解决方案,例如自动换行?

例如,它(非常讨厌)与div重叠,强制水平滚动等。

我可以在上面的字符串中添加什么以使其完全适合div中的几行或浏览器窗口?


阅读 309

收藏
2020-05-16

共1个答案

小编典典

长话短说:

就CSS解决方案而言,您必须:overflow:scroll;强制元素显示滚动条,并overflow:hidden;仅剪切掉任何多余的文本。有text-overflow:ellipsis;word-wrap:break-word;但它们仅是IE(break-word但是,在CSS3草案中,因此从现在起这将是这5年的解决方案)。

底线是,如果将文字换行到下一行来阻止这种情况的发生对您来说非常重要,则唯一合理的解决方案是注入
&shy;(软连字符),<wbr>(断字标记)或&#8203;(零宽度空格,与&shy;减号(连字符)相同)。但是,如果您不介意Javascript,则可以使用连字符。

2020-05-16