/*文本超出控制*/ .text-overflow { display: block; /* 或 inline-block,取决于你的布局需求 */ white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏超出容器的内容 */ text-overflow: ellipsis; /* 在文本溢出时显示省略号 */ } .truncate-text-75 { width: 1.923rem; /* 设置最大宽度 */ white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏超出的部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .truncate-text-33 { width: 0.846rem; /* 设置最大宽度 */ white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏超出的部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .truncate-text-120 { width: 3.077rem; /* 设置最大宽度 */ white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏超出的部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .truncate-text-400 { width: 10.256rem; /* 设置最大宽度 */ white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏超出的部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .truncate-text-600 { width: 15.385rem; /* 设置最大宽度 */ white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏超出的部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .ellipsis1 { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .ellipsis2 { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ellipsis3 { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } img { object-fit: cover !important; }