如何不显示div元素之外的链接？

Question

HTML code：

<p>texts and a link: <a href="https://www.apple.com/aaaaaaaaaaaaaaaaaaaaaaaaa">https://www.apple.com/aaaaaaaaaaaaaaaaaaaaaaaaa</a>

CSS代码：

p {
    width: 100px;
    height: 600px;
    background: red;
}

请参阅此处的代码演示：http://jsfiddle.net/9j4pT

从代码演示中，您会看到链接显示在红色段落元素之外。我希望链接可以显示在红色段落元素中。有解决方案吗？ HTML5有解决方案吗？谢谢。

Answer 1

首先，您要使用</p>

关闭p标记

然后你想要自动换行：

p {
    width: 100px;
    height: 600px;
    background: red;
    word-wrap: break-word
}

Answer 2

您也可以将溢出设置为隐藏。

p {
    width: 100px;
    height: 600px;
    background: red;
    overflow:hidden;
}

Answer 3

取决于您所寻找的结果。

如果您希望 p宽度保持不变，请使用：

p {
   word-wrap: break-word;
}

如果您希望宽度保持不变，请使用：

p {
   /*remove width: 100px;*/
   display: inline-block;
}