链接文本超出了 div 的范围

Question

为了简单起见，我有以下代码：

<div>
     <a>view all your links</a>
</div>

div 的宽度非常小，因此文本“all your links”从 div 中伸出。我该如何在“all your”之后添加一个新行，这样“links”就不会突出？

Answer 1

如果您想在视觉上断开链接，以便它们不会延伸到 div 之外，您可以在样式表中word-wrap: break-word添加a。因此：

a {
    word-wrap: break-word;
}