scss 将文本截断为一行，将鼠标悬停以展开

Posted 2021-05-18

span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: Xpx; // width or max-width must be specified in an absolute unit; relative units will not work.
    word-wrap: normal; // 
 
    &:hover {
      white-space: normal;
    }
    // on a touch device, a click is equivalent to hover - text will expand and remain that way
  }