首页 > web前端 > css教程 > 正文

css的display属性有哪些

coldplay.xixi
发布: 2020-10-29 16:20:46
原创
17413 人浏览过

css的display属性有:1、【display: none】把元素隐藏;2、【display: inline】把块级标签变成内联标签;3、【display: block】把内联标签变成块级标签。

css的display属性有哪些

css的display属性有:

1、display: none:把元素隐藏,物理位置也不在了.

b47a3576729c0df6085af681cbce308.png

2、鼠标移动到c1,c2区域的时候隐藏c1.

a34164113909d4ae2481ce9c0630f98.png

3、display: inline:把块级标签变成内联标签.

56fdfb80b0657b14d9d868d9a130f42.png

4、display: block:把内联标签变成块级标签.

887d1155050b3b9a14df52085cd75c6.png

5、display: inline-block:既有内联标签并排显示的特性,又具有块级标签设置长宽的属性.

这个都是正常文档流,不像float会浮起来.

f49b38469a18b1e9bd2dfa178d2d218.png

6、display: inline-block多出的间隙用margin来调整.

b55d9d1d8f6fb41258077c3a6aecc8f.png

相关免费推荐:《CSS视频教程

以上是css的display属性有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板