2020-01-16

解决element UI 下拉框文本过长问题

这实在是太长了.....,怎么能改动一下呢?

    我想要展示超出部分是...,加入以下css代码       

     .el-select__tags-text{

        display:inline-block;

        width:100px;

        overflow:hidden;

        text-overflow:ellipsis;

        white-space:nowrap;

        vertical-align:text-top;

     }

展示样式:

这里遇到了一点小问题,overflow: hidden会导致元素之间出现塌陷问题.原因是:超出部分,被隐藏起来的内容对齐方式改变了(vertical-align的值变成了baseline)

所以在使用overflow:hidden的时候需要改变对齐方式

------------------------

本文正在参加“写编程博客瓜分千元现金”活动，关注公众号“饥人谷”回复“编程博客”参与活动。

作者:孙匡东