css - Flexbox does not work in Safari, striked out in Web inspector -


i'm using display: flexbox div container cointaining number of squares (to make them align nicely horizontally), , works fine in chrome, not in safari 8.0, it's striked out this:

enter image description here

#grid {     overflow-x: hidden;     overflow-y: scroll;      position: absolute;     top: 55px;     left: 415px;     bottom: 10px;     right: 10px;      display: flex;     justify-content: space-between;     flex-direction: row;     flex-wrap: wrap; }  .square {     width: 166px;     height: 185px;     position: relative;     cursor: pointer;     background-size: 166px 125px !important;     background-repeat: no-repeat !important;     background: #fff;     margin-right: 20px;     float: left; } 

you need use prefix safari supports

#grid {     overflow-x: hidden;     overflow-y: scroll;     position: absolute;     top: 55px;     left: 415px;     bottom: 10px;     right: 10px;     display: flex;     justify-content: space-between;     flex-direction: row;     flex-wrap: wrap;     display: -webkit-flex;     -webkit-justify-content: space-between;     -webkit-flex-direction: row;     -webkit-flex-wrap: wrap; } 

Comments

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

delphi - Indy UDP Read Contents of Adata -

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -