Anchor 内的段落无法格式化

发布于 2024-12-25 10:46:40 字数 446 浏览 3 评论 0原文

在工作时,我弄乱了 HTML,因为我不知道 标签中的

标签没有被格式化。

就像我有:

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

其中 父宽度是 200px; 文本经过 200px; 而不是放置新行来适应文本里面 。

while working i messed HTML because i did not knew that <p> tag within <a> tag does not get formated .

Like if i had :

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

where <a> parent width is 200px; text goes through 200px; instead of putting New Lines to fit the text inside .

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

还在原地等你 2025-01-01 10:46:40

尝试做

a {
display: block;
}

try to make

a {
display: block;
}
峩卟喜欢 2025-01-01 10:46:40

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

Adding the display: block; to the a element fixes it. The a tag is an inline element by default. It was not meant to hold other elements and so the width property does not affect it. Using CSS to make it display like a block element should make properties like width work correctly. I've got a working demo on jsfiddle here.

丘比特射中我 2025-01-01 10:46:40

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

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

检查一下

Your markup is just missing the compulsory anchor href attribute. The following would render properly:

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

Check it out

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文