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