一行文字超出长度的部分显示…
.word {
width: 250rpx; //设置宽度
word-break: break-all; //允许在单词内换行
text-overflow: ellipsis; // 以省略号显示超出的文本
display: -webkit-box;
-webkit-box-orient: vertical; //从上向下垂直排列子元素
-webkit-line-clamp: 1; //显示文本的行数
overflow: hidden; //溢出隐藏
}
当文字内容超出250rpx时,页面上就会以...来代替