文字溢出省略号显示

分三步:一定要首先强制一行内显示,再次和overflow属性 搭配使用

  1. 先强制一行内显示文本
 white-space: nowrap;
  1. 超出的部分隐藏
overflow: hidden

3.文字用省略号替代超出的部分

text-overflow: ellipsis;

案例:





    
    溢出的文字省略号显示
    


    
hi~ 来自猩猩的你-欢迎你
Image 18.png

你可能感兴趣的:(文字溢出省略号显示)