(单行/多行)文本溢出打点显示

1.单行文本溢出打点显示

 /*文本不换行*/
 white-space: nowrap;
 /*超出范围隐藏*/
 overflow: hidden;
 /*文字超出用省略号*/
 text-overflow: ellipsis;

2.多行文本溢出打点显示-限制文本行数

overflow: hidden;
text-overflow: ellipsis;
/*将对象作为弹性伸缩盒子模型显示*/
display: -webkit-box;
/*用来限制在一个块元素中显示的文本的行数*/
-webkit-line-clamp:3;
/*设置伸缩盒对象的子元素的排列方式*/
-webkit-box-orient: vertical;