css兼容大部分浏览器的文本超出部分显示省略号
2021-01-29 18:15
阅读：675
文本框盒子定义了宽高之后，设置它的右边距一个字符的宽度，用来显示省略号。设置文本框的盒子伪类before来显示省略号。使用绝对定位让它在右下角。
当然，它会一直显示在右下角，然后可以使用伪类after来遮住省略号，因为after是行内元素，它会跟着在文本的末端，设置它宽高为一个字符，当文本超出的的时候它会被超出部分隐藏。文本没有超出的时候，设置让它绝对定位，当字体没有超出文本盒子，它就会遮住省略号，当然after的背景色要与文本盒子的背景色一致！
上一篇：JQuery之动画
下一篇：CakePHP 调试方法 汇总
文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：css兼容大部分浏览器的文本超出部分显示省略号
文章链接：http://soscw.com/index.php/essay/48796.html
文章标题：css兼容大部分浏览器的文本超出部分显示省略号
文章链接：http://soscw.com/index.php/essay/48796.html
评论
亲，登录后才可以留言！