盒子里的文字超出换行展示、或者不换行省略号

//超出部分不换行、省略号,鼠标悬浮展示全部需要在对应盒子上添加 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;
}

你可能感兴趣的:(javascript,html,前端)