成都创新互联网站制作重庆分公司

HTML中display属性的属性值有哪些

这篇文章主要介绍了HTML中display属性的属性值有哪些,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联主要从事做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务郧西,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

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在通常的项目开发中比较容易被使用的值主要有: