element layout布局

Question

使用
`

<el-row class="cord-list">
    <el-col :span="12" v-for="(item, index) in cordData :key="index" class="cord-item">
      // 内容
  </el-col>
</el-row>

`
弹性布局后在IE10中出来的效果:设置的width没有生效,

下面是写的样式

怀疑是使用的计算宽度使用的问题
弹性布局后在IE11中出来的效果:IE11下才是正常的

请问在不同的浏览器下,怎么样才能让cord-item的width自适应呢?

Answer 1

.cord-list{

display:inline-block;

}

.cord-item{
width:50%;
float:left;
}

Answer 2

用flex模式