0
点赞
收藏
分享

微信扫一扫

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的时候需要改变对齐方式

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

举报

相关推荐

2020-12-16

2022-01-16

day16-demo01&exer01

matlab初入(22/01/16)

22-01-16周总结

javase(2020)老杜专属day01

0 条评论