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的属性值来达到显示与隐藏元素的效果。
如果觉得有帮助请给个喜欢呗~~~
有错误的话,欢迎指正,本人邮箱:2372734044@qq.com。