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

Question

HTML代码：

<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; 
}