CSS flex属性兼容各个浏览器

Snail_____

于 2020-07-24 11:49:26 发布

阅读量1.1k

点赞数

分类专栏：兼容文章标签： flex css

本文链接：https://blog.csdn.net/Snail_____/article/details/107557690

版权

本文深入探讨CSS flex属性，介绍其在布局中的应用，包括flex容器、flex项、flex-direction等关键属性，并详细阐述如何实现跨浏览器兼容，确保在不同浏览器上一致的显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/* 容器盒子兼容处理 */
.box {
   
	display: -webkit-flex;     /* 新版本语法 Chrome 21+ */
	display: flex;             /* 新版本语法 Opear 12.1 Firefox 22+ */
	display: -webkit-box;      /* 新版本语法 Safari， ios， Android browser, older Webkit browsers. */
	display: -moz-box;