1、自动换行:
.div {
word-wrap:break-word;
word-break:normal
}
2、强制英文单词换行
div{
word-break:break-all;
}
3、work-wrap属性
normal:只能允许在断字点处进行换行是浏览器的默认行为(也就是你什么时候断句什么时候换行)
break-word:可以允许在长单词或者URL地址的内部进行换行
4、不进行换行
p
{
white-space: nowrap
}
5、单行省略号
p{
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
6、指定行数省略号
p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}