-
文字のスペースを詰める方法が知りたい
トピックス by
1792 pt
2023年12月11日 18:58
60
PV
【相談内容】
〇〇名がこの記事を読んでいます。というウィジェットにおいて、元々は〇〇の部分に2桁の数字が入っています。ただ、こちらの方で1桁の数字を表示したく、数字を1桁の数字にHTMLで変更したところ、1桁の数字の右側に余分なスペースができてしまいます。なので、1桁の数字を表示する場合は、そのスペースがなくなるように設定していただきたいのですが、可能でしょうか？不可能であれば、1桁の数字が入るスペースで設計されてウィジェットを作成していただけますと幸いです。よろしくお願いいたします。
【該当ページ】
-
1 コメント
-
Widgetの下記CSSのwidthで調整可能です💫
1桁でしたらwidth: 1em;にしていただくとちょうど良いかと思います💪
【変更前】
.item span.parent__area {
width: 2em;
height: 1.2em;
overflow: hidden;
}
【変更後】
.item span.parent__area {
width: 1em;
height: 1.2em;
overflow: hidden;
}
【プレビュー】