text-wrap已被启用,white-space替代
单行溢出隐藏:
.overflow {
white-space: nowrap; /* 文本不换行 */
overflow: hidden; /* 隐藏超出的内容 */
text-overflow: ellipsis; /* 当文本溢出时显示省略号 */
}
多行溢出隐藏(对button不适用,需要在button内再包一层):
.overflow {
width: 200px; /* 限制宽度才能进行换行 */
display: -webkit-box; /* 设置为弹性盒子 */
-webkit-line-clamp: 2; /* 设置最大行数 */
-webkit-box-orient: vertical; /* 设置垂直方向排列 */
overflow: hidden; /* 隐藏超出的内容 */
}