CSSでデジタル時計のような表現をするとき、数値を等幅スタイルにすることで、文字のガタツキ（文字がぴょんぴょんするんじゃぁ＾～）を抑える方法。 | CODESTOCK

Public code

CSSでデジタル時計のような表現をするとき、数値を等幅スタイルにすることで、文字のガタツキ（文字がぴょんぴょんするんじゃぁ＾～）を抑える方法。

0

0

Screenshot!

Copy Code!

.numbers { font-feature-settings: 'tnum'; font-variant-numeric: tabular-nums; }

#css

Reference

https://twitter.com/piccalilli_/status/1233358303092232194