css application tips

One. Beyond the text of the ... ellipsis display

• Banner message display ...

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap; // blank handling text does not wrap nowrap, on the same line; pre-wrap is left blank, but at the same time, support wrap

• Display multiple lines ...

• display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;