HTML THML5

開発IDE HBuilderX

 

页面布局方式：Flex 布局

CSS Grid 网格布局

 

从我的角度来看，使用<hr> 元素作为 flex项之间的换行符更具语义性。

<div class="container">
<div>1</div>
<div>2</div>
<hr>
<div>3</div>
<div>2</div>
...</div>
CSS正在关注

.container {
display: flex;
flex-flow: wrap;}.container hr {
width: 100%;}
在Chrome 66，Firefox 60和Safari 11中测试过。