vue 文字超过用省略号显示

vue 文字超过用省略号显示display: -webkit-box;/*作为弹性伸缩盒子模型显示*/-webkit-line-clamp: 1; /*显示的行数；如果要设置2行加...则设置为2*/overflow: hidden; /*超出的文本隐藏*/text-overflow: ellipsis; /* 溢出用省略号*/-webkit-box-orient: vertical;/*伸缩盒子

明月何妨千里

3144人浏览 · 2020-11-17 17:01:46

明月何妨千里 · 2020-11-17 17:01:46 发布

 
 
    display: -webkit-box;/*作为弹性伸缩盒子模型显示*/
    -webkit-line-clamp: 1; /*显示的行数；如果要设置2行加...则设置为2*/
    overflow: hidden; /*超出的文本隐藏*/
    text-overflow: ellipsis; /* 溢出用省略号*/
    -webkit-box-orient: vertical;/*伸缩盒子的子元素排列：从上到下*/

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^