我在Safari中向Flexbox行中的第一個元素的左側添加1px的邊距/間距時遇到問題。我已經把它貼跌破發行的圖像:flexbox在Safari中添加1px左邊距
柔性盒CSS是:
.equal-height {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
flex-direction: row;
flex-wrap: wrap;
}
元素被設置爲子如下:
.child-div {
float: left;
display: block;
width: 33.3333%;
box-sizing: border-box;
}
但他們我已經注意到,他們計算沒有浮動
請添加您正在使用的那一刻 – Shaun
我只是增加了一些CSS感謝肖恩 – Tim