设置文字显示一行或多行，多余显示省略号

.demo {
  /* 溢出隐藏 */
  overflow: hidden; 
  /* 溢出用省略号显示 */
  text-overflow: ellipsis; 
  /* 文本不换行  ↓↓↓ */
  /* white-space: nowrap;  */
  /* 把对象设置为盒子模型 */
  display: -webkit-box;
  /* 从上到下垂直排列子元素 */
  -webkit-box-orient: vertical;
  /* 组合属性 表示显示的行数 */
  -webkit-line-clamp: 2;
}

竖排文字

-webkit-writing-mode: vertical-lr;