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

标签 css

<分区>

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

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

提前谢谢你。

最佳答案

使用 CSS3 text-overflow

( More information 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;
}

工作于:(最新版本)

  • 火狐
  • Chrome
  • 歌剧
  • 即(没关系 :D )

关于css - 使用纯 css 隐藏字符串中的最后一个字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24150580/

相关文章:

css - 在vue js中更改单选按钮的样式

html - 好的网页设计软件和 HTML 编辑器

javascript - 修改现有的 jQuery 以更改 Scroll 上的 URL

javascript - jquery 画廊淡入/淡出

html - Angular - 将垂直滚动转换为水平滚动

php - 网络技术考试查询

html - 导航栏 : home page on the left hand side with the same height

css - 背景图片未出现在特定页面上

php - 我只需要从另一个 html/php 页面导入表格

javascript - 使用 Javascript 每隔几秒更改 HTML 页面中的图像