用纯CSS隐藏字符串中的最后一个字符 [英] Hide last character in string with pure css

问题描述

是否可以在纯CSS中删除或隐藏字符串中的最后一个字符?

Is it possible to remove or simply hide the very last character in a string in pure css?

搜索此内容时，我发现所有内容都是javascript/jQuery解决方案.

When I search for this all I find is javascript / jQuery solutions.

谢谢.

推荐答案

使用CSS3 文本溢出 .

Use CSS3 text-overflow.

(有关 text-overflow )

在jsfiddle上进行实时演示

CSS:

#txt{
    position:relative;
    padding:7px;
    text-align:justify;
    background:#e7e7e7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

工作于:(最新版本)

• firefox
• chrome
• 歌剧
• ie(没关系:D)

这篇关于用纯CSS隐藏字符串中的最后一个字符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！