Html 带display:inline块的DIV和SPAN有什么区别

Html 带display:inline块的DIV和SPAN有什么区别,html,css,Html,Css,带display:inline块的DIV和SPAN有什么区别 同样,在带display:block的SPAN和DIV之间。首先,默认情况下,SPAN是display:inline 根据W3,display:inline和display:inline块之间的区别是 内联元素前后没有换行符,并且 允许它旁边的HTML元素 块元素在其上下都有一些空格,并且没有空格 容忍它旁边的任何HTML元素 内联块元素作为内联元素放置(在同一块上) 行作为相邻内容),但其行为类似于块元素 两者之间只有语义上的区别

带display:inline块的DIV和SPAN有什么区别


同样,在带display:block的SPAN和DIV之间。

首先,默认情况下,SPAN是display:inline

根据W3,display:inline和display:inline块之间的区别是

  • 内联元素前后没有换行符,并且 允许它旁边的HTML元素

    块元素在其上下都有一些空格,并且没有空格 容忍它旁边的任何HTML元素

    内联块元素作为内联元素放置(在同一块上) 行作为相邻内容),但其行为类似于块元素


两者之间只有语义上的区别,如果样式正确,两者可能会显示相同的内容

但是,某些浏览器可能显示正确,也可能显示不正确。此外,不能在跨距中嵌套块元素,这是无效的HTML,可能会导致某些浏览器阻塞或显示不正确

div是块元素,span是内联元素。不要这样做,这是底线,它会把事情搞得一团糟

此外,跨度的样式为
显示:内联
,而不是
显示:内联块

内联块 该值使元素生成内联级块容器。内联块的内部被格式化为块框,元素本身被格式化为原子内联级框

内联 该值使元素生成一个或多个内联框


你可以从视觉上看到它们之间的区别。

span
默认显示是内联的而不是内联块。谷歌搜索
带显示的DIV:inline块和span
之间的区别是什么?似乎产生了相关的结果?但这也非常有趣。可能重复我很想知道为什么我的答案被否决。仅被否决因为两者之间肯定有区别