css兼容display:flex
2024-10-14 13:38:12
上代码:
这个是针对父元素:
.container{
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex; /* Firefox 18+ */
display: -ms-flexbox; /* IE 10 */
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
父元素设为display:flex;没有问题,但子元素flex:1这种标注在safari中不能用!
子元素使用的话只能设为flex:auto,如果想实现flex:1这种效果,请用:
flex-grow:;
flex-shrink:;
flex-basis:;
这三个拆分的元素代替,flex属性就是上面三个属性的复合简写。
最新文章
- jQuery构造函数init参数分析(一)
- Class PLBuildVersion is implemented in both /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator.sdk/System/Library/PrivateFrameworks/AssetsLibr
- php Windows系统 wamp集成环境下redis的使用
- chrome设置可以跨域访问
- 20145305 《Java程序设计》第3周学习总结
- ajax 瀑布流实现
- MySQL的环境变量
- this的一个作用 当前对象
- DB2导入导出 学习笔记
- navicat 连接远程mysql
- Linux下快速配置Java开发环境
- HDU 1435 Stable Match 【稳定婚姻问题】
- ASP.NET Core 2.2 : 十六.扒一扒新的Endpoint路由方案 try.dot.net 的正确使用姿势 .Net NPOI 根据excel模板导出excel、直接生成excel .Net NPOI 上传excel文件、提交后台获取excel里的数据
- Windows下MongoDB安装
- FineUI 修改config表属性
- Json字符串转Dictionary
- Python 从零搭建 Conf_Web 配置管理平台
- [转]OData and Authentication – Part 5 – Custom HttpModules
- 使用wifi网卡笔记3---工具wpa_supplicant(STA模式)
- LinearLayout布局