超出文本部分用省略号表示

1. 单行文本超出

overflow: hidden; white-space: nowrap;//文本不换行text-overflow:ellipsis; //超出文本部分用省略号表示

2. 多行文本超出

text-overflow: ellipsis; // 超出的文本用=省略号表示display: -webkit-box;//将对象作为弹性伸缩盒子模型显示-webkit-line-clamp: 8;// 在第几行显示省略号-webkit-box-orient: vertical; //从上到下垂直排列子元素