在工作时我搞乱了HTML,因为我不知道<p>
标签内的<a>
标签没有形成。
就像我有:
<a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
</a>
其中<a>
父级宽度为200px;
,文字通过200px;
而非放置新行以适应文本内部。
答案 0 :(得分:3)
尝试制作
a {
display: block;
}
答案 1 :(得分:0)
添加display:block;到一个元素修复它。默认情况下,a标记是内联元素。它并不意味着保存其他元素,因此width属性不会影响它。使用CSS使其像块元素一样显示应使宽度等属性正常工作。我在jsfiddle here上有一个工作演示。
答案 2 :(得分:0)
您的标记只是缺少强制锚href
属性。以下内容将正确呈现:
<a href="#">
<p>Lorem Ipsum is simply dummy text... ever since the 1500s, </p>
</a>