CSS display属性

在CSS中可以通过display属性来快速隐藏一个Element,display就是告诉浏览器如何来显示Element,如果你给none值的话就是不显示

div {
  display: none;
}

【国内直连ChatGPT 29元起】
国内直连ChatGPT,Plus会员每月29元起,支持最新o1模型探索更多领域,无需注册OpenAI账号。

最长见的另外一种用法就是让行级标签变成块级标签,值是block

span {
  display: span;
}

以上代码就是让span标签从行级变块级,当然也可以反过来块级变行级inline-block

h1 {
  display: inline-block
}

display的可用属性其实还有很多,如flexgridtableinherit等等,如果你不想设置任何模式,可以给默认值initial

div {
  display: initial;
}
分享

TITLE: CSS display属性

LINK: https://www.qttc.net/176-css-display.html

NOTE: 原创内容,转载请注明出自琼台博客