x
1
2
<html>3
<head>4
<style>5
.flex-container6
{7
display: flex;8
flex-flow:column nowrap;9
background-color: DodgerBlue;10
border:orange dashed 2px;11
width:100%;12
height:200px;13
}14
15
.item16
{17
background-color: #f1f1f1;18
width:100px;19
margin: 10px;20
padding:20px;21
font-size: 30px;22
text-align:center;23
}24
25
</style>26
</head>27
<body>28
29
<div class="flex-container">30
<div class="item">1</div>31
<div class="item">2</div>32
<div class="item">3</div> 33
<div class="item">4</div>34
<div class="item">5</div>35
<div class="item">6</div>36
<div class="item">7</div>37
<div class="item">8</div>38
<div class="item">9</div> 39
<div class="item">10</div>40
<div class="item">11</div>41
<div class="item">12</div>42
</div>43
44
45
</body>46
</html>