CSS换行和省略号

 

换行

　　原地址：https://www.cnblogs.com/meowcool/p/10130103.html

//强制不换行
div{
    white-space:nowrap;
}
//自动换行
div{
    word-wrap: break-word;
    word-break: normal;
}
//强制英文单词换行
 div{
    word-break:break-all;
 }
//换行
div{
    white-space：normal 默认
 }
//设置强行换行：
//word-break:
//normal ; 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
//break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
//keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法

　　

省略号

　　原地址：https://blog.csdn.net/xuehu837769474/article/details/82109157

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