Word自动换行链接，以免溢出其父div宽度

小编典典

Word自动换行链接，以免溢出其父div宽度

css

我有这段代码：

div#permalink_section {

  width: 960px

}


<div id='permalink_section'>

  <a href="here goes a very long link">here goes a very very long link</a>

</div>

链接文本可能会很长，并且当其长度超过div宽度时，它将使div溢出。当链接的宽度超过div宽度时，是否有办法强制链接断开并继续下一行？

阅读 292

2020-05-16

共1个答案

小编典典

以下是跨浏览器兼容的解决方案：

#permalink_section
{
    white-space: pre-wrap; /* CSS3 */  
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */  
    white-space: -o-pre-wrap; /* Opera 7 */  
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

从如何在内包装没有空格的文本？

在此处检查工作示例。

2020-05-16