1. 效果

2. Html

<div id="main_app_content" class="container"><div class="long-text-test1">好长</div><div class="long-text-test1">好长好长好长好长好长好长好长好长好长</div><div class="long-text-test2">好长</div><div class="long-text-test2">好长好长好长好长好长好长好长好长好长</div>
</div>

3. Less

.process-long-text-001(@width:100px) {width: @width;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;
}.long-text-test1 {.process-long-text-001();
}.long-text-test2 {.process-long-text-001(200px);
}

转载于:https://www.cnblogs.com/ningkyolei/p/5339893.html

css实现文本过长时自动添加省略号相关推荐

文本过长时中间部分用省略号表示。
转自: https://blog.csdn.net/baidu_38027860/article/details/81035157 //截取字符串中间用省略号显示 function getSubStr ...
html文本自动省略,css单行、多行文本溢出时自动显示省略号方法
在实际项目开发中,经常会遇到这样的需求,需要我们把单行或者多行文字溢出时自动显示省略号,今天码云笔记就为大家通过多种方法来实现本末尾省略号显示这一需求. 我们先从最原始的开始,单行文本溢出如何显示省略 ...
CLin 和 IDEA创建文件时自动添加作者和时间信息 + 多个.cpp文件在CLion下运行问题...
CLin 和 IDEA创建文件时自动添加作者和时间信息 file -> setting -> Editor -> File and Code Templates -> 点击In ...
域账户登录本地计算机用户名,如何实现域账户domain/user登陆时自动添加到本地计算机poweruser用户组...
关于类似本主题的文章还有,请参考: 本文内容来自Microsoft News Group. Q:客户端计算机是RIS安装windows xp, 要实现域内用户登陆时自动添加到本地poweruser. ...
向mysql表中插入/更新数据时自动添加创建时间/更新时间
目录处理方式一:修改数据库字段类型测试插入数据: 测试更新数据: 处理方式二:配置生成策略 [MySQL版本] 8.x 处理方式一:修改数据库字段类型自动添加创建时间: 将字段类型设置为TIME ...
iGerrit提交代码时自动添加Reviewers
1. 方式1 每次执行push命令时自动添加Reviewer git add . git commimt -m "XX:xxxxxx" # 提交代码到refs分支,并添加了连个Re ...
Word中添加图片时自动添加图片名
Word中添加图片时自动添加图片名 1.打开Word中"查看宏" 2.新建宏 3.运行宏当Word中需要添加大量图片时,并要显示图片名称时可以采用以下编辑宏进行快速插入,下边讲述 ...
如何让图片在html中自动填充颜色,如何使用传图水印功能在图片上传时自动添加文字或图片水印？...
下面我们来了解一下小蚂蚁编辑器的功能"传图水印"!开启传图水印功能后,所有上传的图片会自动添加文字或图片水印,并且支持自定义设置水印的展现形式. 一.开启传图水印 ① 鼠标移动到首 ...
Pycharm新建文件时自动添加基础信息
# -*- coding: utf-8 -*- # @Time : ${DATE} ${TIME} # @Author : Liu # @File : ${NAME}.py 如下图所示 ...

css实现文本过长时自动添加省略号

1. 效果

2. Html

3. Less

css实现文本过长时自动添加省略号相关推荐

最新文章

热门文章