css中换行与不换行的样式

 常见的css样式分为换行与不换行两种需求

 

1、不换行显示省略号

text-overflow:ellipsis;

white-space:normal;

 

2、换行自适应

word-break: break-all;

word-wrap: break-word;

white-space: inherit;  

height: auto;  //自适应高度

line-height: unset;