Anchor中的段落无法格式化

时间:2012-01-09 11:19:14

标签: html css paragraph text-formatting

在工作时我搞乱了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;而非放置新行以适应文本内部。

3 个答案:

答案 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>

Check it out