解决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的时候需要改变对齐方式
------------------------
本文正在参加“写编程博客瓜分千元现金”活动,关注公众号“饥人谷”回复“编程博客”参与活动。
作者:孙匡东
网友评论