以下のように記述することで省略記号を実装することはできたのですが、省略記号の三点リーダーを「...」に変更したいのです。(つまり、三点リーダーを真ん中ではなく下に実装したい)
JavaScriptで実装する方法は調べたら出てきたのですが、HTMLとCSSだけで実装することは可能でしょうか?
html
1<div class="text-area1"> 2 <p class="text1">テキストテキストテキストテキスト</p> 3</div>
css
1.text-area1 { 2 width: 200px; 3 background-color: tan; 4 margin-bottom: 12px; 5} 6 7.text1 { 8 overflow: hidden; 9 white-space: nowrap; 10 text-overflow: ellipsis; 11}
コードペンで書いたものも添えておきます。
https://codepen.io/sino3325/pen/KKRQqNL
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/09/28 15:36
退会済みユーザー
2022/09/28 22:42
退会済みユーザー
2022/09/29 01:15