首页 > 软件开发 > CSS >

CSS的display属性

来源:互联网 2023-03-16 19:11:18 133

display是用的非常多的属性,用的最多的就是inline-block和none.aEO办公区 - 实用经验教程分享!

工具/原料

  • Pycharm

方法/步骤

  • 1

    display: none:把元素隐藏,物理位沃祝置也不在了.aEO办公区 - 实用经验教程分享!

    CSS的display属性aEO办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    鼠标移动到c1,c2区域的时候隐藏c1.aEO办公区 - 实用经验教程分享!

    CSS的display属性aEO办公区 - 实用经验教程分享!

  • 3

    display: inline:把块级标签变成内联标签.aEO办公区 - 实用经验教程分享!

    CSS的display属性aEO办公区 - 实用经验教程分享!

  • 4

    display: block:把内联标签变成块级标称荡签.aEO办公区 - 实用经验教程分享!

    CSS的display属性aEO办公区 - 实用经验教程分享!

  • 5

    display: inline-block:既有内联标签并排显示的态宋蚂特性,又具有块级标签设置长宽的属性.aEO办公区 - 实用经验教程分享!

    这个都是正常文档流,不像float会浮起来.aEO办公区 - 实用经验教程分享!

    CSS的display属性aEO办公区 - 实用经验教程分享!

  • 6

    display: inline-block多出的间隙用margin来调整.aEO办公区 - 实用经验教程分享!

    CSS的display属性aEO办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!aEO办公区 - 实用经验教程分享!


    标签: CSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码