• 技术文章 >web前端 >css教程

    css的display属性有哪些

    coldplay.xixicoldplay.xixi2020-10-29 16:20:46原创6669

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

    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核实处理。
    专题推荐:css display
    上一篇:css实现div背景色闪烁效果 下一篇:CSS如何实现自适应分隔线?方法介绍
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• css中display如何使用• CSS display: contents 如何使用?• display:inline是什么意思?• css中的display属性有哪些值?各有什么作用?
    1/1

    PHP中文网