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

使用纯css隐藏字符串中的最后一个字符,css,Css,在纯css中是否可以删除或隐藏字符串中的最后一个字符 当我搜索这个时,我只找到javascript/jQuery解决方案 提前谢谢。据我所知,使用纯CSS是不可能的;有一个::第一个字母选择器,但没有::最后一个字母。相反,您可以使用标记将最后一个字母与文本的其余部分隔开。使用CSS3文本溢出 () CSS: #txt{ position:relative; padding:7px; text-align:justify; background:#e7e7e7

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

当我搜索这个时,我只找到javascript/jQuery解决方案


提前谢谢。

据我所知,使用纯CSS是不可能的;有一个::第一个字母选择器,但没有::最后一个字母。相反,您可以使用标记将最后一个字母与文本的其余部分隔开。

使用CSS3
文本溢出

()


CSS:

#txt{
    position:relative;
    padding:7px;
    text-align:justify;
    background:#e7e7e7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
工作环境:(最新版本)

  • 火狐
  • 歌剧院
  • ie(不重要:D)

可能的重复项您可以在它之间添加一个span标记您也可以将
宽度
添加到
#txt
)这对我不起作用,所以我有其他的解决方案,以防有人遇到这个问题。我已经创建了:after pseudoelement并向其中添加了这个css:
content:”;显示:内联块;位置:相对位置;右:5px;顶部:4px;背景色:红色;宽度:10px;高度:1米。您可能需要调整定位,并将
红色
替换为背景色。