html - Anchor 内的段落无法格式化

Question

工作时我弄乱了 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;而不是放置新行以适应文本。

Answer 1

试着做

a {
display: block;
}

Answer 2

您的标记只是缺少强制的锚href属性。以下将正确呈现：

<a href="#">
  <p>Lorem Ipsum is simply dummy text... ever since the 1500s, </p>
</a>

一探究竟

Answer 3

添加显示：块；到 a 元素修复它。a 标签默认是内联元素。它并不意味着容纳其他元素，因此 width 属性不会影响它。使用 CSS 使其像块元素一样显示应该可以使宽度等属性正常工作。我在这里有一个关于 jsfiddle 的工作演示。