链接文本伸出股利

Question

，使其简单，我有以下代码：

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

的div的宽度非常小，所以文本“所有链接”伸出的div 。我如何在“所有”之后有一个新的行，所以“链接”不要伸出来？

Answer 1

使用max-width属性为您的a链接。

编辑：您可能还需要一个display: block您的a标记以及。

Answer 2

你还没有指定你想要的结果。你想让div调整大小来容纳整个链接的宽度吗？如果是这样，不要在其上或其祖先元素的任何一个固定的宽度。你想过长的链接被切断吗？如果是这样，请将overflow: hidden作为div的样式。

Answer 3

如果您想以可视方式拆分链接，以便它们不会扩展到div以外，可以在样式表中将word-wrap: break-word添加到a。因此：

a { 
    word-wrap: break-word; 
}