el-row\el-col 问题汇总

一、el-col为空不显示

<el-row>
	<el-col :span="7">啊啊啊</el-col>
	<el-col :span="1"></el-col>
	<el-col :span="7">哦哦哦</el-col>
	<el-col :span="1">&nbsp;</el-col>
	<el-col :span="7">一一一</el-col>
</el-row>

本人喜欢用一个空的el-col来空格，以前单独写空的<el-col :span="1"></el-col>是达不到效果的，但是加上 的<el-col :span="1">&nbsp;</el-col>就可以。

但是，突然有一天所有的空格都消失了。

百度得知，el-col没有内容或内容为 时height=0。

如下设置即可：

.el-col {
  min-height: 1px
}