CSS怎么让多个面板横向排列

在CSS中，可以使用弹性布局让多个面板横向排列。下面小编举例讲解CSS怎么让多个面板横向排列。

工具/原料

联想笔记本IdeaPad15slML2020

Windows10

WebStorm2020

方法/步骤

1、打开项目，html代码如图所示。

2、运行项目，可以看到面板竖向排列。

3、为了让多个面板横向排列，我们为面板设置样式为弹性布局。

4、再次运行项目，我们可以看到多个面板已经横向排列了。