.content{font-size: 16px;line-height:21px;margin-bottom: 8px;  
  /* 定义为自适应布局   */
  display: -webkit-box;
  /* 超出部分隐藏 */
  overflow: hidden;
  /*超出文字用省略号代替*/
  text-overflow: ellipsis;
  /* 竖直方向的超出隐藏 */
  -webkit-box-orient: vertical;
  /* 限制最多2行 */

给<text>设置了display: -webkit-box;（wxss代码如上图），但是布局没有任何变化，依然显示所有text内容，请问是什么原因啊？