複数行に対応した3点リーダーをCSSで装飾する - Alternative Architecture DOJOこんにちは！オルターブースアドベントカレンダー12日目は、 弊社ただ一人のフロントコーダーの榛葉（しんば）が担当します！ adventar.org 今回は複数行に対応した3点リーダー（...）をCSSで実装する方法をシェアしたいと思います。 複数行に対応とは、文章が3行以上になるとき、2行目の文末に3点リーダーを配置するような装飾のことを指しています。 まず 従来通りのCSS onlyな方法だと3点リーダーは必ず1行目に付いてしまい、複数行に対応した3点リーダーを配置したい場合は、JSで処理を入れる必要がありました。 しかしながら現在ではベンダープレフィックスと呼ばれる「-webkit」を使用すればCSSのみで装飾することが可能です。 webkitはChromeやSafari系としておなじみですが、firefoxやedgeを始めとしたメジャーブラウザであれば相互に利用することが可能なCSS
