html最多显示两行,css 实现两行或多行文本溢出显示省略号(...)

 1 overflow: hidden;// 超出的文本隐藏
 2 text-overflow: ellipsis;// 溢出用省略号显示
 3 display: -webkit-box; 4 -webkit-line-clamp: 2; //多行在这里修改数字即可
 5 overflow:hidden;// 将对象作为弹性伸缩盒子模型显示。 6 /* autoprefixer: ignore next */
 7 -webkit-box-orient: vertical;// 从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)

 

上一篇:vue v-html table里内容不换行 带省略号


下一篇:C/S权限系统得到拼音和五笔的自定义函数(二)