HTML块元素和CSS显示块属性之间的区别 [英] Difference between HTML block elements and CSS display block property

问题描述

我可以知道HTML块元素（例如< p> ，< div>


因为从我读过的内容可以看出，是相同的，但为什么我们仍然需要为某些块级元素使用 display：block 。


解决方块

所谓的HTML块元素是将其显示属性设置为 block 的元素，因此< div> 和a < span> ，其中 display：block; 。



此显示属性由用户代理样式表（即您的浏览器）设置。您可以在用户代理样式表下的chrome开发工具中查看这些属性。

使用 display：block;对于 div 元素，code>是
$ b

• 您的目标是使用一些不遵循web stadards的obscur用户代理（非常不可能）


• 您需要覆盖以前的CSS声明，如 display：none;

May I know if there is any difference between HTML block elements (Eg. <p>, <div>,...) and CSS property display: block?

Since from what I have read they are the same, but why we still need to use display: block for some block level element.

解决方案

What you call "HTML block elements" are elements who have their display property set to block so there is no difference between a <div> and a <span> with display:block;.

This display property is set by the user agent stylesheet (i.e your browser). You can view these properties in chrome dev tool under "user agent stylesheet".

The only reason I see of using display:block; for a div element is :

• your target adience is using some obscur user agent that don't follow web stadards (very unlikely)
• you need to override a previous CSS declaration like display:none;

这篇关于HTML块元素和CSS显示块属性之间的区别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！