html文字超过部分显示为省略号 | 您所在的位置:网站首页 › 文本超出显示省略号颜色变化 › html文字超过部分显示为省略号 |
为了保证页面的整洁美观,在很多的时候,我们常需要隐藏超出长度的文字。这在列表条目,题目,名称等地方常用到。 (1).文字超出一行,省略超出部分,显示’…’ 如果这种情况比较多,可以取一个切合作用的类名用于复用。 .line-limit-length { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //文本不换行,这样超出一行的部分被截取,显示... }最新消息:神秘地球黑洞深不可测,不停吸入周围海水。 //图标字体 (2). 可以给定容器宽度限制,超出部分省略 .product-buyer-name { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 橘子橘子
|
CopyRight 2018-2019 实验室设备网 版权所有 |