🖥

CSS – 縦の行数指定をして省略する例

2024/07/03に公開

例

  <div
    style="
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      max-width: 30%;
      word-wrap: break-word;
    "
  >
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA BBBBBBBB CCCCCCCCCCCCCCCCCCCCCCCCCCCC DDDDDDDDDDDDDDDDDDDDDDDDDD EEEEEEEEEEEE
    FFFFFFFFFFFFFFFFFFFFFFFF GGGGGGGGGGGGGG HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
  </div>

表示例

参考

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

プロフィール・経歴

公開日時

2024-05-28

例

表示例

参考

チャットメンバー募集

プロフィール・経歴

公開日時

Discussion