css中換行與不換行的樣式

 常見的css樣式分爲換行與不換行兩種需求

 

一、不換行顯示省略號

text-overflow:ellipsis;

white-space:normal;

 

二、換行自適應

word-break: break-all;

word-wrap: break-word;

white-space: inherit;  

height: auto;  //自適應高度

line-height: unset;