html 文本对齐 多行文字排版没有对齐 文字两端对齐 单行文字多行文字超出省略号

文字两端对齐 text-align: justify

单行文字两端对齐

 text-align-last:justify;
 text-align:justify;
 text-justify:distribute-all-lines; // 这行必加，bai兼容ie浏览器
 // 注意：这种对其方式在ios上必须存在换行否则不生效 在伪类上追加换行
  ::after {
  content: '';
  width: 100%;
  display: inline-block;
  overflow: hidden;
  margin: 0;
}

单行文字超出过后省略号
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

多行文字超出后省略号
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;

数字或字母换行
white-space:normal; word-break:break-all;