关于换行的方法我们在刚开始学习css的时候都会接触,今天刚好接触到长标点换行就再把这些知识整理了一遍
1,单行溢出显示省略号(width不要忘记哇)
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
2,多行文本溢出显示省略号
display:-webkit-box;//对象作为弹性伸缩盒子模型显示 -webkit-box-orient: vertical;//设置或检索伸缩盒对象的子元素的排列方式 -webkit-line-clamp: 2;//溢出省略的界限 overflow:hidden;//设置隐藏溢出元素
兼容PC端webkit内核浏览器以及大部分移动端浏览器
3,英文和长数字换行
word-break:break-all;
4,长标点符号自动换行
word-break:keep-all;
word-wrap:break-word;