链接文本突出了div

Question

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

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

div的宽度非常小，因此文本“所有链接”都会超出div。我怎么做“所有你的”所以“链接”之后没有一条新线？

Answer 1

您尚未指定所需的结果。你想让div调整大小以适应链接的整个宽度吗？如果是这样，请不要在其上或其任何祖先元素上放置固定宽度。你想要切断超长链接吗？如果是这样，请将overflow: hidden置于div的样式中。

Answer 2

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

a {
    word-wrap: break-word;
}

Answer 3

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

修改：您的display: block代码也可能需要a。

Answer 4

使用此代码：

a {
    word-wrap: break-word;
    white-space: normal;
}