如何使用CSS flex制作以下边框布局?
<body>
<div id="north">...</div>
<div id="west">...</div>
<div id="center">...</div>
<div id="east">...</div>
<div id="south">...</div>
</body>
如果将DIV的西,中和东包裹在DIV中,则显然可以使用Flex来工作。
<body>
<div id="north">...</div>
<div id="middle-row">
<div id="west">...</div>
<div id="center">...</div>
<div id="east">...</div>
</div>
<div id="south">...</div>
</body>
在我们的示例中,由于其他布局需要相同的html结构,因此我们无法添加包装器div。