老师看一下 对不对

来源:5-2 实现栅格系统--扩展部分

ZZZZZzn

2020-07-02 21:47:24

有点晕对这个grid和gird-flex;

用grid的话,我必须在这个div上写占用几份,比如:col-md-3

如果用gird-flex的话,我只需要在div的父元素上写col-3??他就会自动平分?、

这个gird-flex到底是平分还是不平分?

写回答

4回答

好帮手慕星星

2020-07-03

同学你好,是的,理解没有问题。

祝学习愉快!

0

好帮手慕星星

2020-07-03

同学你好,虽然不需要写数字,但是还是需要写类名的哦

http://img.mukewang.com/climg/5efeac6d09f85a9912870425.jpg

自己可以测试下。

0
hZZZZzn
h 了解,就是用gird时候要写col-md-4, gird-flex时候直接用col-md就行
h020-07-03
共1条回复

好帮手慕星星

2020-07-03

同学你好,grid-flex.css文件样式理解的不对。参考解释:

1、grid.css中设置元素排列在一行用的是浮动,然后再设置每个类名占据的宽度。当前元素占据多少位置,添加上对应的类名就好。

2、grid-flex.css文件中设置元素排列在一行用的是flex布局。这里的子元素也需要设置对应的类名表示占据的宽度

http://img.mukewang.com/climg/5efe909b09f6875916280608.jpg

均分的话就不需要加数字了。不均分就加数字,例如

http://img.mukewang.com/climg/5efe9134095cc8ea05570301.jpg

3、gird-flex.css文件中主要的就是使用了order来替代push和pull修改项目的位置,理解的没有问题。

祝学习愉快!

0
hZZZZzn
h 就是说,如果这个父元素下有三个字元素就不需要写数字了,直接根据flex,他们就平分成三份了,
h020-07-03
共1条回复

ZZZZZzn

提问者

2020-07-02

还有,gird-flex,最主要的就是使用了order来替代push和pull修改项目的位置?

0

0 学习 · 6815 问题

查看课程