其他SO帖子
like this并没有解决我们在iOS Chrome和Safari浏览器上使用proty-content的问题.使用空格间隔值时,内容在父容器中不均匀分布.
从this JSFiddle可以看出,justify-content属性在桌面上按预期工作,但在移动设备上不能.
我们在iOS 8.x上尝试过Chrome和Safari,并且都没有均匀地分发孩子.
码:
#app_page { width: 100% }
#app_page .button_box {
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
#app_page .button_box .download {
vertical-align: top;
background: black;
width: 36px;
height: 36px;
line-height: 36px;
display: inline-block;
color: #fff;
}
#app_page .button_box .share_icon {
cursor: pointer;
display: inline-block;
background: black;
height: 36px;
width: 36px;
}