博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html~display的使用
阅读量:6423 次
发布时间:2019-06-23

本文共 698 字,大约阅读时间需要 2 分钟。

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。

转载地址:http://siwga.baihongyu.com/

你可能感兴趣的文章
学习笔记 十五: mariadb
查看>>
学习笔记 124: 预备知识总结
查看>>
windows server之AD(1)
查看>>
如何升级PowerShell
查看>>
oracle kill所有plsql developer进程
查看>>
python实现登录查询(可以模糊查询)
查看>>
LAMP架构(apache用户认证,域名重定向,apache访问日志)
查看>>
PHP设计模式:原型模式
查看>>
struts2.0的json操作
查看>>
SQL注入神器——sqlmap
查看>>
Unity导航 (寻路系统Nav Mesh Agent)
查看>>
SaltStack配置语法-YAML和Jinja
查看>>
运用免费OA让你有意想不到的效果
查看>>
一些软件设计软则
查看>>
Linux运维基础命令
查看>>
使用PowerShell配置IP地址
查看>>
第十一章 MySQL运算符
查看>>
JAVA常见算法题(十七)
查看>>
GUI鼠标相关设置
查看>>
使用 <Iframe>实现跨域通信
查看>>