2020-01-16

作者: 小白手的一天 | 来源:发表于2020-01-16 16:48 被阅读0次

解决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

    2020-01-16 【日精进打卡第 662 天 【知~学习】 《六项精进》大纲 4 遍共 2504 遍 《大学》...

  • 运营人速看全网最强干货

    2020-01-16 小白收集 126 种运营人必备工具 微场景编辑器 易企秀:http://www.eqxiu....

  • 实操 | 年化收益率166.85%--可转债收益记录(第7期20

    建工转债中签1手,成本1000元,评级AA+。 申购日期:2019-12-20;上市日期:2020-01-16,经...

  • 亲子日记583

    2020-01-16 20:35 2020.1.16 星期四 晴 今天下班回到家把沙发垫子换下来要洗...

  • 新星 “磐石会”亮相

    南素里白石商会和磐石会联袂举办首届中国新年晚宴 2020-01-16 文/Donna Wu吴冬平 摄影/There...

  • 2020-01-16.树莓派+bme280温度传感器傻瓜版说明

    Title: 树莓派+bme280温度传感器傻瓜版说明[2020-01-16] 去年(2019年)的时候买了一台树...

  • 2020-01-16

    2020-01-16 日精进打卡 姓名:彭新 宁波蓝天白云供应链管理有限公司 【日精进打卡第654天】 【知~学习...

  • 新的一年你的精气神还在吗?

    开启跑步运动之旅 2020-01-16 打卡第四天 自泡在易效能以来,反思自己近来身体为什么总有不舒服的地...

  • 欢乐

    高艳峰 信阳 网络中级九期 坚持分享第654天 2020-01-16 今天,下午单位召开了隆重的年终总结表彰大会,...

网友评论

    本文标题:2020-01-16

    本文链接:https://www.haomeiwen.com/subject/qyafzctx.html