HTML中display属性的属性值是什么

这篇文章主要为大家展示了“HTML中display属性的属性值是什么”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“HTML中display属性的属性值是什么”这篇文章吧。

网站建设哪家好，找创新互联公司！专注于网页设计、网站建设、微信开发、微信小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了望江免费建站欢迎大家使用！

display在这里我说四个最常用的属性值inline、block、inlin-block、none。

首先我们来说一下inline（n内联元素）：

该属性值为默认值。此元素会被显示为内联元素，元素前后没有换行符。一般不会设置这个属性值。个人理解，其实跟正常的行内元素没什么区别，用的比较多的还是block和inline-block。

接着是block（块级元素）这个属性值：

这个属性值是比较有意思的，设置为块级元素独占一行，就换行来说和p标签的效果一样，但是这个属性值设置后，作为一个块级元素他就具备了宽、高，和别的块级元素的间距margin着属性的设置，还有间距的设置padding，但是不能设置行高（line-height）。

还有inline-block（内联块）这个属性值：

这个属性值是比较强大的，本人刚开始学的时候基本上见到需要设置的只要不是换行的就会设置这个属性值，一来他可以作为块级元素，可以具有block的特性，另一方面，由于本人初学，对于居中的设置比较麻烦，所有使用这个属性值可以设置行高，从而使文字居中，方便易用。

对于这个导航栏的实现这几个属性很好用，主要用到block和inline-block这两个属性值，inline-block作为同一行的几个元素的实现，block做为元素间换行的实现。大家可以试试。

对于最后一个none这个属性值：

个人觉得用于隐藏元素比较方便，做那种鼠标浮动的时候更改display的属性值来达到显示与隐藏元素的效果。

HTML中display一共有哪些比较常用的值呢，让我们一起来看看

HTML中display在通常的项目开发中比较容易被使用的值主要有：

none（元素不会被显示）;

block（元素将显示为块级元素，元素前后会带有换行符）;

inline（元素会被显示为内联元素，元素前后没有换行符）;

inline-block（行内块元素。CSS2.1新增的值）;

table（元素会作为块级表格来显示，类似

table-row（元素会作为一个表格行显示，类似

table-cell（元素会作为一个表格单元格显示，类似