首页 > 代码库 > css设置文字不换行并显示省略号

css设置文字不换行并显示省略号

1、单行文本显示省略号

width:value(具体的值);设置容器具体的宽度

white-spacing:nowrap;强制文本在一行内显示

overflow:hidden;溢出内容为隐藏

text-overflow:ellipsis;溢出文本显示省略号

2、多行文本显示省略号

display:-webkit-box;

-webkit-box-orient:vertical;

overflow:hidden;

text-overflow:ellipsis;

-webkit-line-clamp:2;

 

 


 

css设置文字不换行并显示省略号