CSSで行数制限を実現する方法

作業中に、指定したロー数の表示を制限する必要がある場合があります.この場合、このスタイルを使用できます.もちろん、互換性はあまりよくありません.互換性表示

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

この効果を達成するには、他のwebkitプロパティと組み合わせて使用する必要があります.
ブロック要素に表示されるテキストの行数を制限します.-webkit-line-clamp: 2;
オブジェクトを伸縮ボックスモデルとして表示します.display: -webkit-box;
伸縮ボックスオブジェクトのサブエレメントの配置方法を設定または取得します.-webkit-box-orient: vertical;
テキストオーバーフロー表示省略記号...overflow:hidden;text-overflow:ellipsis;
问题があったら伝言を歓迎して一绪に交流して、道はまだ长くて、まだ続きません...