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

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

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

效果如下:

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

posted @ 2020-12-05 14:42  春江潮水海上明月  阅读(302)  评论(0)    收藏  举报