使用纯css隐藏字符串中的最后一个字符

Question

是否可以删除或简单地隐藏纯CSS中字符串中的最后一个字符？

当我搜索这一切时，我发现是javascript / jQuery解决方案。

提前谢谢。

Answer 1

据我所知，使用纯CSS是不可能的;有一个:: first-letter选择器，但是没有:: last-letter。相反，您可以使用标签来设置文本其余部分的最后一个字母。

Answer 2

使用CSS3 text-overflow！ read more about text-overflow

Live demo on jsfiddle

---

<强> CSS：

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

在：

工作

最新版本，

• 火狐
• 铬
• 歌剧
• ie（无所谓：D）