wordpress - align-items:center not working in custom CSS? -
for reason align-items
doesn't work in custom css. advice how can around this?
picture of issue:
this code:
.list-view { display:flex; } .item-image { display:flex; align-items:center; }
i guessing second part issue. align-items
in white in custom css in wordpress whereas other properties display
in navy blue, guessing can't read property, not sure why is.
a working jsfiddle, have added flex: 1;
item-image class.
.list-view { border: 1px solid black; display: -webkit-flex; /* safari */ -webkit-align-items: center; /* safari 7.0+ */ display: flex; text-align: center; } .item-image { align-items: center; flex: 1; -webkit-flex: 1; /* safari 6.1+ */ }
<div class="list-view"> <div class="item-image" style="background-color:coral;">red</div> <div class="item-image" style="background-color:lightblue;">blue</div> <div class="item-image" style="background-color:lightgreen;">green div more content.</div> </div>
hope helps. :)
wiki
Comments
Post a Comment