css 超过一行/多行显示省略号... - 附示例

2023-12-27 21:30:19

效果

1、超过一行

2、超过多行 - 以两行为例

二、示例代码

1、超过一行

margin: 20px;
width: 50px;
border: 1px solid red;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

2、超过多行 - 以两行为例

margin: 20px;
width: 50px;
border: 1px solid red;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 如果是3行改为3，以此类推
overflow: hidden;

文章来源:https://blog.csdn.net/m0_48968874/article/details/135147309
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。