码迷,mamicode.com
首页 > Web开发 > 详细

HTML--设置一行文本超长自动省略

时间:2020-12-09 12:27:26      阅读:15      评论:0      收藏:0      [点我收藏+]

标签:取字符串   文件   设置   space   ace   div   alt   lazy   不同   

不同框架下样式名称有所不同,最终转换为HTML文件时的样式名称及设置如下:

                <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" >
                    <span>
                     文本长度测试文本长度测试文本长度测试
                    </span>
                </div>

效果如下:
技术图片

ps:固定长度省略方式可以取字符串超长后的部分直接替换成“...” (ΦωΦ)

HTML--设置一行文本超长自动省略

标签:取字符串   文件   设置   space   ace   div   alt   lazy   不同   

原文地址:https://www.cnblogs.com/Jack-xin/p/14089639.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!