element select自定义模板 options span宽度设置

主要是span文本过长，到时下拉框被撑开了

<el-select
                v-model="updateList[item.property]"
                clearable
                value-key="xaptVmCode"
                style="width: 100%;"
                filterable
                @change="vmChange"
              >
                <el-option
                  v-for="(vm,iindex) in vmOptions"
                  :key="iindex"
                  :label="vm.xaptVmCode"
                  :value="vm"
                >
                  <span class="spanWidth" style="float: left" :title="vm.xaptVmCode">{{ vm.xaptVmCode }}</span>
                  <span class="spanWidth" style="float: right; color: #8492a6; font-size: 13px" :title="vm.xaptVmDesc">{{ vm.xaptVmDesc }}</span>
                </el-option>
              </el-select>

.spanWidth{
  white-space:nowrap;/*强制单行显示*/
  text-overflow:ellipsis;/*超出部分省略号表示*/
  overflow:hidden;/*超出部分隐藏*/
  width: 260px;/*设置显示的最大宽度*/
  display:inline-block;
}