vue-超出一行或多行显示省略号

一定要设置宽度，当然，如果你的盒子内容就是占满一行，当我没说1，css超出一行用点表示white-space:nowrap;overflow:hidden;text-overflow:ellipsis;2，css超出二行用点表示overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical

小羊羊.

2718人浏览 · 2022-04-25 20:37:13

小羊羊. · 2022-04-25 20:37:13 发布

一定要设置宽度，当然，如果你的盒子内容就是占满一行，当我没说
1，css超出一行用点表示
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

2，css超出二行用点表示
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; // 想要超出三行显示就把这里改成3就好了

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}$/, //不连续的两位字母// /^