首页 >web前端 >css教程 >css的display属性有哪些

css的display属性有哪些

coldplay.xixi
coldplay.xixi原创
2020-10-28 14:13:1517436浏览

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn