如何用css实现布局以列的形式排列

如何用css实现布局以列的形式排列

工具/原料

chrome

codepen

方法/步骤

1、打开编辑器。

2、创建html部分。

3、创建css部分。

4、首先需要用grid-template-columns。

5、还可以设置多列。

6、我们还可以用fr来进行等份。