January.20　2017

category : note ;

div{text-overflow: ellipsis;}

例えば、ブログの記事などで、一覧画面で冒頭の３０文字を表示したあとに「...」を表示して、３０文字以上表示しないようにしたい。など。


実装するには、以下のタグを併用するとちゃんと表示されます。

> white-space
> overflow
> text-overflow

CSSで指定文字数をオーバーしたら「...」と省略する