当我们使用组件的栅格系统时
< Row>
< Col span={8}>
123
< /Col>
< Col span={8}>
456
< /Col>
< Col span={8}>
789
< /Col>
< /Row>
由于每一个Col都是8,加起来刚好是24 如果此时想要给两个Col之间加点间隙的话,
加margin则会超出Row的最大宽度,出现的结果就是 最后一个Col会另起一行展示,
解决方法:
给每一个Col里面再加一个div 给div设置需要的高度 宽度视情况而定 如果不设置 则会继承Col的宽度 即100%;
如果设置宽度,用百分比设置最好;
然后给div设置padding-right
由于有默认的padding-left值 所以可以有选择性的去掉padding-left;
这样 既满足栅格系统保持自适应 又不会因宽度太大而塌陷;
03-12
1万+
