文字超出显示区域后隐藏并显示省略号

时间:2021-03-29 17:04:55
【文件属性】:
文件名称:文字超出显示区域后隐藏并显示省略号
文件大小:27KB
文件格式:PDF
更新时间:2021-03-29 17:04:55
文字,超出,显示,区域,后,隐藏,并,省略号,单行, 单行文字超出后隐藏 首先容器需要有固定的宽高,其次加入以下代码即可。 多行文字超出后隐藏 容器不需要有固定的宽高,只需加入以下代码即可。 无需指定高度,只需指定最多显示几行,属性 -webkit-line-clamp。 本示例中最多显示3行,超出3行后,在第三行末尾用省略号代替显示。 view { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:

网友评论