次によく再生されている動画

CSSだけで、文字列の省略を簡単にする方法！

お気に入り登録する

  • マンツーマンの個別講義開催中！

    勉強に行き詰まっていませんか？
    エラーの解消から、実装方法まで丁寧に教えます！
    講師が答えられるなら、基本的にどんな内容でもOK！

    詳細はこちら！

  • スクール形式の講義も！

    プロを目指す方・講義を何回も受けられる方はこちら
    個別のカリキュラムを作成し、長期的にサポート！

    詳細はこちら！
JavaScriptなどでも実装できますが、CSSのみでも簡単に文字を途中で省略する方法はあります。
今回はtext-ellipsisというプロパティを使って、記事の一覧に表示されている文字列を省略してみるものを書きながら説明していきます。
※実装としてはとても単純ですが、実際のコーディング例まで説明しているため、このプロパティが出てくるのは動画の後半の方です。

関連する動画リスト

もっとみる