14.CSS笔记:伸缩盒模型属性

本系列内容由ZouStrong整理收录

整理自 《写给大家看的CSS书(第2版)》、《CSS权威指南(第3版)》、《精彩绝伦的CSS》、《精通CSS:高级Web标准解决方案(第2版)》、CSS参考手册 css.doyoe.com

在使用伸缩盒模型相关属性时,需要把父元素的display属性设置为弹性伸缩盒或者行内块级弹性伸缩盒

块级弹性伸缩盒

display:box;    /*老版本*/
display:flexbox;   /*过渡版本*/
display:flex;	  /*新版本*/

行内块级弹性伸缩盒

display:inline-box;    /*老版本*/
display:inline-flexbox;   /*过渡版本*/
display:inline-flex;	  /*新版本*/

一. 伸缩盒模型(旧)

.........未完待续

你可能感兴趣的:(css)