解决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-01-16 我是你的那...
2020-01-16 【日精进打卡第 662 天 【知～学习】 《六项精进》大纲 4 遍共 2504 遍 《大学》...
2020－01－16 小白收集 126 种运营人必备工具 微场景编辑器 易企秀：http://www.eqxiu....
建工转债中签1手，成本1000元，评级AA+。 申购日期：2019-12-20；上市日期：2020-01-16，经...
2020-01-16 20:35 2020.1.16 星期四 晴 今天下班回到家把沙发垫子换下来要洗...
南素里白石商会和磐石会联袂举办首届中国新年晚宴 2020-01-16 文/Donna Wu吴冬平 摄影/There...
Title: 树莓派+bme280温度传感器傻瓜版说明[2020-01-16] 去年（2019年）的时候买了一台树...
2020-01-16 日精进打卡 姓名：彭新 宁波蓝天白云供应链管理有限公司 【日精进打卡第654天】 【知~学习...
开启跑步运动之旅 2020-01-16 打卡第四天 自泡在易效能以来，反思自己近来身体为什么总有不舒服的地...
高艳峰 信阳 网络中级九期 坚持分享第654天 2020-01-16 今天，下午单位召开了隆重的年终总结表彰大会，...
本文标题：2020-01-16
本文链接：https://www.haomeiwen.com/subject/qyafzctx.html
网友评论