css换行的方法

1.英文自动换行

.css{

word-wrap: break-word; 
word-break: normal; }

2.强制英文单词断行

.css{word-break:break-all; }

3.一行文字超出,出现省略号

css{

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

}

4.三行文字超出,出现省略号

css{

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

}

 

posted @ 2019-09-02 21:21  星雨,恒奋斗,过客  阅读(377)  评论(0编辑  收藏  举报