在<button>specification part中,我们看到允许的内容仅为Phrasing content.它是有效的HTML代码部分(已检查here)：

<button><span>

这不是有效的HTML代码部分(已检查here)：

<button><div>

Error: Element 07004 not allowed as child of element 07005 in this context. (Suppressing further errors from this subtree.)

但我们可以更改< span>的显示属性：

<button><span style="display: block">

看起来我们使用< div>而是一个< span>,但HTML是有效的. (通过规范)是否可以使用允许的内容元素并更改其显示属性？

最佳答案

即使你使用display：block设置一个span,你仍然无法在其中放置块级元素：

<div><p>correct

无论CSS如何改变,(X)HTML仍然必须服从(X)HTML DTD(无论你使用哪一个).

所以他们是不同的,因此这里没有任何问题.