Flexbox无法在Safari上按预期方式包装。我究竟做错了什么？
玛丽安·伊安（Marian Ioan）
我有一个flexbox网格，它根本没有在Safari 7（我正在测试的那个）上包装。
这是一个简化的示例：
Html
<ul> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> <li><a href="#">bla bla bla</a></li> </ul>
的CSS
ul {
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
li {
background:red;
width: 25%;
height: 150px;
list-style-type: none;
text-align: center;
margin-bottom: 4.0625rem;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
}
在这里，您将代码写在笔上：代码
这是Safari中的结果（使用Browserstack制作的屏幕截图）
我真的很坚持这一点。任何帮助深表感谢。
谢谢！
迈克尔·科克
Safari 7需要-webkitflexbox属性的前缀。http://caniuse.com/#feat=flexbox
您已经拥有了display: -webkit-box;，ul但是他们的Safari版本可能想要使用的另一个display: -webkit-flex;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
ANTLR语法无法正常工作。我究竟做错了什么？
- 2
URLClassLoader不断抛出ClassNotFoundException。我究竟做错了什么？
- 3
我究竟做错了什么？使用lxml解析HTML
- 4
贴图元素无法通过地图访问。我究竟做错了什么？
- 5
我的boot2docker安装似乎无法正常工作。我究竟做错了什么？
- 6
群集无法在Android的Google Maps中使用。我究竟做错了什么？
- 7
MysqlDataSource的Java EE ClassNotFoundException。我究竟做错了什么？
- 8
我的WSGI应用程序无法作为Python模块加载。我究竟做错了什么
- 9
字符串日期后的日期计算未按预期进行。我究竟做错了什么？
- 10
ANTLR语法无法正常工作。我究竟做错了什么？
- 11
我做了一个计算器，但是没有按预期工作。我究竟做错了什么？
- 12
在react.js上使用Axios从API中提取数据。我究竟做错了什么？
- 13
无法使用来自python的机械化登录。我究竟做错了什么？
- 14
如何正确安装pyinstaller？（我究竟做错了什么？）
- 15
我究竟做错了什么？-php新手
- 16
新的Java类无效。我究竟做错了什么？
- 17
无法从此查询获取结果。我究竟做错了什么？
- 18
JComboBox。我究竟做错了什么？
- 19
简单的HTML + PHP表单无法正确提交。我究竟做错了什么？
- 20
无法获得Vim与Vundle一起使用的插件。我究竟做错了什么？
- 21
验证输入。我究竟做错了什么？
- 22
我究竟做错了什么？请
- 23
全选？我究竟做错了什么？
- 24
在 linux 上运行 .sh 脚本时出现语法错误。我究竟做错了什么？
- 25
JavaScript TypeError，无法读取未定义的属性，但函数已定义。我究竟做错了什么？
- 26
无法连接到 SQL Server 数据库文件。我究竟做错了什么？
- 27
无法启用 MySQL general_log。我究竟做错了什么？
- 28
我的 xpath 查询无法使用范围索引。我究竟做错了什么？
- 29
Strapi/Graphql。我究竟做错了什么？
我来说两句