踩坑:Element-UI中el-card里的:body-style

初学Vue练习写项目时发现有些css样式只能放body-style里,这是由于 CSS 的特殊性和优先级规则导致的。

1.body-style的默认样式是自带padding:20px,常用于el-card中

2.我想实现如图红色框的左右布局最好的方法就是用display:flex

3.但是当我尝试在el-card里加上display:flex会发现没有效果布局变成上下布局了

4.得出结论display:flex必须写在element-ui所规定的body-style里而且body-style前要加:因为里面如果不加的话他就不是js解析式里面的东西会被当成字符串看待,只有加上:里面才会被当成js解析式

5.GPT的解释