文字超出宽度显示省略号...

一行文字超出长度的部分显示…

.word {

 width:  250rpx;   //设置宽度
 word-break:  break-all;   //允许在单词内换行
 text-overflow:  ellipsis;   // 以省略号显示超出的文本
 display:  -webkit-box;   
 -webkit-box-orient:  vertical;   //从上向下垂直排列子元素
 -webkit-line-clamp:  1;   //显示文本的行数
 overflow:  hidden;   //溢出隐藏

 }
 当文字内容超出250rpx时，页面上就会以...来代替