iving
Newbie | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Начал изучать flexbox, но наткнулся на проблему с IE, он почему-то выстраивает блоки в столбец, а не в строку, как все остальные браузеры. Подскажите как это исправить?
<!DOCTYPE html>
<html>
<head>
<title>Test FLEX</title>
<meta charset="utf-8">
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#myFlexbox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
background: red;
}
#child1 {
background: green;
}
#child2 {
background: blue;
}
#child3 {
background: cyan;
}
#child4 {
background: magenta;
}
</style>
</head>
<body>
<div id="myFlexbox">
<div id="child1">1</div>
<div id="child2">2</div>
<div id="child3">3</div>
<div id="child4">4</div>
</div>
</div>
</body>
</html> |
