shalter https://blog.hatena.ne.jp/shalter/ Alternative Architecture DOJO https://aadojo.alterbooth.com/ Frontend こんにちは！オルターブースアドベントカレンダー12日目は、 弊社ただ一人のフロントコーダーの榛葉（しんば）が担当します！ adventar.org 今回は複数行に対応した3点リーダー（...）をCSSで実装する方法をシェアしたいと思います。 複数行に対応とは、文章が3行以上になるとき、2行目の文末に3点リーダーを配置するような装飾のことを指しています。 まず 従来通りのCSS onlyな方法だと3点リーダーは必ず1行目に付いてしまい、複数行に対応した3点リーダーを配置したい場合は、JSで処理を入れる必要がありました。 しかしながら現在ではベンダープレフィックスと呼ばれる「-webkit」を使用… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Faadojo.alterbooth.com%2Fentry%2F2019%2F12%2F12%2F153302" title="複数行に対応した3点リーダーをCSSで装飾する - Alternative Architecture DOJO" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-12-12 15:33:02 rich https://aadojo.alterbooth.com/entry/2019/12/12/153302 1.0 100%