CSS文本超出显示...（省略号）文本超出隐藏，并显示省略号（...）

CSS文本超出显示...（省略号）文本超出隐藏，并显示省略号（...）

1.只显示一行的情况：

overflow: hidden; // 超出的文本隐藏

text-overflow: ellipsis; // 溢出用省略号显示

white-space: nowrap; // 溢出不换行

2.显示多行的情况：

overflow: hidden;

text-overflow: ellipsis; // 溢出显示省略号

display: -webkit-box;  // 弹性盒子

-webkit-box-orient: vertical; // 上下垂直排列

-webkit-line-clamp: 2; // 显示行数（数字可调整）