ellipsisとは省略のこと

文章の量でレイアウトがくずれないように、あらかじめきめられた文字数や行数で、文章を省略します。三点リーダーを表示することで、以降にまだ文章があることを示します。

overflowで省略

文章の量でレイアウトがくずれないように、あらかじめきめられた文字数や行数で、文章を省略します。三点リーダーを表示することで、以降にまだ文章があることを示します。

overflowで省略

文章の量でレイアウトがくずれないように、あらかじめきめられた文字数や行数で、文章を省略します。三点リーダーを表示することで、以降にまだ文章があることを示します。

最終行に…を付加

文章の量でレイアウトがくずれないように、あらかじめきめられた文字数や行数で、文章を省略します。三点リーダーを表示することで、以降にまだ文章があることを示します。

text-overflowで長いタイトルを省略

文章の量でレイアウトがくずれないように、あらかじめきめられた文字数や行数で、文章を省略します。三点リーダーを表示することで、以降にまだ文章があることを示します。

全体５行のうち、タイトルが最大２行で、残りが説明文の行数とする場合

文章の量でレイアウトがくずれないように、あらかじめきめられた文字数や行数で、文章を省略します。三点リーダーを表示することで、以降にまだ文章があることを示します。

全体５行、タイトルが１行

文章の量でレイアウトがくずれないように、あらかじめきめられた文字数や行数で、文章を省略します。三点リーダーを表示することで、以降にまだ文章があることを示します。

長い単語の折り返し

たとえば、TheQuickBrownFoxJumpsOverTheLazyDogという単語があると、このように表示されます。

長い単語の折り返し

たとえば、TheQuickBrownFoxJumpsOverTheLazyDogという単語があると、このように表示されます。

長い単語の折り返し

たとえば、TheQuickBrownFoxJumpsOverTheLazyDogという単語があると、このように表示されます。

これは、「文章を表示する８つのCSSスタイル（webkit）」のサンプルコードです。