CSS控制文字文本超过宽度或高度自动隐藏

来源:乐趣公园  时间:2017-12-20    阅读:   我要吐槽    阿里云幸运券

做css的时候发现需要对文字隐藏,所以这里记录下,下次好使用。

  1. .text1 { 
  2.     word-break: keep-all;/*不换行*/ 
  3.     white-spacenowrap;/*不换行*/ 
  4.     overflowhidden;/*多余隐藏*/ 
  5.     text-overflow: ellipsis;/*用省略号补足*/ 
  6. /*上面是超过宽度隐藏*/ 
  7. .text2 { 
  8.     max-height81px;/*直接限制最高高度,根据文本高度自己试验*/ 
  9.     overflowhidden;/*超过隐藏*/ 
  10. /*上面是超过高度隐藏*/ 
Tags:宽度  文本  高度  CSS  自动隐藏  

参与讨论