Q&A
■やりたいこと
クランプで文字を省略したい
■問題点
何故か文の途中で省略されてしまう
例：
現状：◯◯◯…◯◯◯◯
改善：◯◯◯◯◯◯◯…
php
1<h3 class="tp-magazine__article__card__ttl"> 2 <a href="<?php the_permalink(); ?>"> 3 <?php the_title(); ?> 4 </a> 5</h3>
php
1.tp-magazine__article__card__ttl a{ 2 -webkit-line-clamp: 3; 3 -webkit-box-orient: vertical; 4 display: -webkit-box; 5 overflow: hidden; 6}
回答1件
0
ベストアンサー
line-clamp ではなく text-overflow: ellipsis; では？
【text-overflow - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/text-overflow
投稿2020/08/27 09:24
総合スコア69606
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。