文字换行
//只对英文起作用,以字母作为换行依据
word-break: break-all; 。
//只对英文起作用,以单词作为换行依据
word-wrap: break-word;
//只对中文起作用,强制换行
white-space: pre-wrap;
换行对齐方式
text-align: justify;
// 值 描述
//left 把文本排列到左边。默认值:由浏览器决定。
//right 把文本排列到右边。
//center 把文本排列到中间。
//justify 实现两端对齐文本效果。
//inherit 规定应该从父元素继承 text-align 属性的值。
text-justify: inter-ideograph
//值 描述
//auto 浏览器决定齐行算法。
//none 禁用齐行。
//inter-word 增加/减少单词间的间隔。
//inter-ideograph 用表意文本来排齐内容。
//inter-cluster 只对不包含内部单词间隔的内容(比如亚洲语系)进行排齐。
//distribute 类似报纸版面,除了在东亚语系中最后一行是不齐行的。
//kashida 通过拉伸字符来排齐内容。
禁止换行
// 1. 一行显示 超出文字省略
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
//2. 指定第几行文字省略 (当前指定第三行超出省略)
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;