首页 > 代码库 > 文本超过宽度显示省略号

文本超过宽度显示省略号

文本超过宽度,以省略号显示有2种,

第一种单行不换行

<style>.text1 {    width:200px;    overflow:hidden;    text-overflow:ellipsis;    -o-text-overflow:ellipsis;    -webkit-text-overflow:ellipsis;    -moz-text-overflow:ellipsis;    white-space:nowrap;}</style>

  技术分享

 

第二种2行或者2行以上的文本要在结尾省略号超出部分

    width:200px;        word-break:break-all;    display:-webkit-box;    -webkit-line-clamp:2;    -webkit-box-orient:vertical;    overflow:hidden;

技术分享

 

 

 

 

 

文本超过宽度显示省略号