css实现文本超出显示省略号

单行文本显示省略号

width:100px; //设置宽度max-width:200px; //也可以设置最大宽度overflow: hidden;//溢出隐藏white-space: nowrap; // 强制一行显示text-overflow: ellipsis;// 显示。。。省略号

多行文本显示省略号

width: 100px; //设置宽度max-width:200px; //也可以设置最大宽度overflow : hidden; // 溢出隐藏display: -webkit-box; // 自适应布局 弹性伸缩盒子-webkit-box-orient: vertical; //垂直排列子元素 伸缩盒子的子元素排列-webkit-line-clamp: 3; //最多显示几行 多出部分。。。显示text-overflow: ellipsis; // 显示省略号