display的所有属性

Posted 2021-01-12 gaoxuerong123

所有属性详见MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display

常用的有：

none；隐藏元素，不渲染，不占用空间；

inline；指定元素为内联元素

block；指定元素为块级元素

inline-block；元素类似于置换元素，和input，textarea很像，可以设置宽高，但是还不换行

flex;弹性伸缩盒子；

list-item; 指定对象为列表项目。有资料说可以模仿ul li，我没有实现；而且就算可以模仿，为什么要模仿呢？有ul和li可以用啊。。。具体应用场景找不到。感觉这个属性没什么意义。

table; 类似于html的table。没用过

table-cell；指定对象作为表格单元格，类似于td标签；详见：https://www.jianshu.com/p/e288e5e73c72   张鑫旭

　　不响应margin，但响应padding；

　　文本内容多了之后父元素被撑大；