一.字体换行和字体行数和字体溢出隐藏
一行文字
overflow:hidden; text-overflow:ellipsis; white-space: nowrap;
多行（定义行）文字
overflow : hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical
鼠标悬停显示隐藏省略文字
li { width: 18.5%; text-align: center; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } li:hover { text-overflow: inherit; overflow: visible; white-space: nowrap; }
删除线效果
text-decoration:line-through