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

时间:2020-12-09 12:27:26   收藏:0   阅读:15

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

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

效果如下:
技术图片

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

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!