文件名称：文字超出显示区域后隐藏并显示省略号
文件大小：27KB
文件格式：PDF
更新时间：2024-04-18 10:51:35
文字,超出,显示,区域,后,隐藏,并,省略号,单行,
单行文字超出后隐藏 首先容器需要有固定的宽高，其次加入以下代码即可。 多行文字超出后隐藏 容器不需要有固定的宽高，只需加入以下代码即可。 无需指定高度，只需指定最多显示几行，属性 -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: