如何显示带有自动换行符的长字符串,网站地址,单词或符号集,以保持div宽度?我猜是一个自动换行。通常添加空格是可行的,但是是否有CSS解决方案,例如自动换行?
例如,它(非常讨厌)与div重叠,强制水平滚动等。
我可以在上面的字符串中添加什么以使其完全适合div中的几行或浏览器窗口?
长话短说:
就CSS解决方案而言,您必须:overflow:scroll;强制元素显示滚动条,并overflow:hidden;仅剪切掉任何多余的文本。有text-overflow:ellipsis;和word-wrap:break-word;但它们仅是IE(break-word但是,在CSS3草案中,因此从现在起这将是这5年的解决方案)。
overflow:scroll;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word;
break-word
底线是,如果将文字换行到下一行来阻止这种情况的发生对您来说非常重要,则唯一合理的解决方案是注入 ­(软连字符),<wbr>(断字标记)或​(零宽度空格,与­减号(连字符)相同)。但是,如果您不介意Javascript,则可以使用连字符。
­
<wbr>
​