用CSS3代替截取效果,在前台显示用php函数截取字符串,中英文截取后长度不一,中文的字体宽度要比小写字母大。

没使用CSS3的效果

图片1

超出换行了

  .keyName{
       width: 100%;
       overflow: hidden;
       white-space: nowrap;
       display: inline-block;
       text-overflow: ellipsis; /*超出后追加。。。*/
 }

使用后的效果

图片2

CSS 底部对齐

vertical-align: bottom;
Last modification:January 10, 2020
如果觉得我的文章对你有用,请随意赞赏