CSS 文本超出显示...、文本两端对齐

一、单行文本超出...

overflow: hidden;
text-overflow: ellipsis; //溢出用省略号显示
white-space: nowrap;

如图：

image.png

二、多行文本超出，最后一行...

overflow: hidden;
text-overflow: ellipsis; //溢出用省略号显示
display: -webkit-box;
-webkit-line-clamp: 2;//行数
-webkit-box-orient: vertical;

如图：

image.png

三、文本两端对齐，最后一行左对齐

text-align: justify; // 所有行两端对齐
text-align-last: left; // 最后一行对齐方式

如图：

image.png