gpt4 book ai didi

block - 将 block 级 元素放在

元素中

转载 作者:行者123 更新时间:2023-12-04 02:10:10 28 4
gpt4 key购买 nike

我知道<p>专门用于内联元素。但是如果你改变一个像 <span> 这样的内联元素怎么办?使用 { display:block } 进入块级元素并将其包含在 <p> 中?

IE。

<html>
<head>
<style>

p {
background: red;
height: 100px;
width: 100px;
}

p span {
display: block;
background: blue;
height: 50px;
width: 50px;
}

</style>
</head>

<body>

<p>
<span>I am a pizza</span>
</p>

</body>
</html>

这在任何意义上都是错误的吗?我知道这并不常见(即大多数人会质疑为什么我不只使用 div),但这是一种假设情况。它通过了验证测试,但它是否像所有糟糕/糟糕的做法一样草率?如果你读了那段代码,你会嗤之以鼻吗?

最佳答案

A span元素始终是 HTML 中的 text/inline/phrase 元素,以及限制 p 的 HTML 语法规则此类元素的元素内容仅与 HTML 相关。所以它们不受可能产生 span 的 CSS 设置的影响。 CSS(渲染)意义上的块元素。

在 CSS 中,您可以为 display 分配任何定义的值。属性,无论元素是什么样的。 CSS 不了解 HTML 或其他标记语言规范中定义的元素的含义。

因此,没有正式的反对意见。

无论是风格好,还是其他方面都可以接受,就比较复杂了。规范中似乎没有对此进行任何声明,但可以合理地说您不应该徒劳地更改基本渲染功能元素。例如,在正常情况下,您不应该使用 span然后说 display: block在 CSS 中,当有使用 div 的更合乎逻辑的方法时.这个原则的一个原因是它可以在非 CSS 渲染情况下或当您的所有或部分样式表未应用时使您的文档保持更好的形状。

另一方面,你不会改变 display如果您有一个文本段落并且您希望将其部分内容呈现为一个块,那么这是徒劳的,例如作为居中或缩进的线,可能带有延伸到可用宽度的背景颜色。您不能使用 divp ,所以更自然的标记不可用。

由于该示例不是真实示例,因此无法确定是否可以在您的案例中部署这种方法。

关于block - 将 block 级 <span> 元素放在 <p> 元素中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18930438/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com