ボックス内のテキストが改行表示を超えているか、省略記号が折り返されていません

//超出部分不换行、省略号,鼠标悬浮展示全部需要在对应盒子上添加 title="XXX"
.overFont {
    
    
	max-width: 10vw;
	white-space: nowrap;
 	overflow: hidden;
	text-overflow: ellipsis;
}
//超出部分换行展示
.word-break {
    
    
	white-space: normal;
	word-break: break-all;
	overflow: hidden;
}

おすすめ

転載: blog.csdn.net/weixin_45288172/article/details/130638444