摘要:一行时,超出长度的部分变为省略号注通过来控制字符串长度多行时,在第行超出的部分变为省略号注通过来控制你要在第几行省略。默认编译的时候,会被过滤,通过以上注释的写法才可生效,或者在项目中,在对应需要加样式的地方添加属性也可生效
一行时,超出长度的部分变为省略号
.text-hidden { width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
注:通过width来控制字符串长度
多行时,在第n行超出的部分变为省略号
.text-ellipsis { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ }
注:通过-webkit-line-clamp来控制你要在第几行省略。默认编译的时候,-webkit-box-orient: vertical;会被过滤,通过以上注释的写法才可生效,或者在react项目中,在对应需要加样式的地方添加style属性:style={{WebkitBoxOrient: "vertical"}}也可生效
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/114238.html
摘要:函数的名字前缀为动词,以此区分变量和函数示例函数命名命名方法小驼峰式命名法命名规范前缀应当为动词命名建议可使用常见动词约定动词含义返回值判断是否可执行某个动作权限函数返回一个布尔值。含有此值不含有此值判断是否为某个值函数返回一个布尔值。CSS 规范 CSS 书写规范 class类: 小写字母,-分割; 图片: 小写字母,‘-’或者‘_’ 分...
摘要:系统性的介绍关于布局,也作为自学的一篇文章基础理念使用弹性盒子的意义是在任何尺寸的屏幕上改变其和其子元素的尺寸填充屏幕可用空间。属性一个布局的页面所具有的元素可分为类。每行第一个元素与行首对齐,每行最后一个元素与行尾对齐。 flex-tutorials 系统性的介绍关于flex布局,也作为自学的一篇文章 flex基础理念 使用弹性盒子的意义是在任何尺寸的屏幕上改变其和其子元素的尺寸填充...
阅读 1325·2021-11-15 18:11
阅读 2468·2021-08-19 10:56
阅读 642·2021-08-09 13:42
阅读 743·2019-08-30 15:53
阅读 2036·2019-08-30 10:55
阅读 3090·2019-08-29 17:18
阅读 1358·2019-08-29 13:45
阅读 518·2019-08-29 13:15