略語に関するCSS(1行、2行)

1803 ワード

一行の略語

p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}

2行略語

 p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  • IEには使用できない致命的な欠点があります.