神奇的CSS，实现自动补全字符串！

本篇文章给大家介绍使用CSS的实用小技巧，了解一下CSS自动补全字符串的几种方法，希望对大家有所帮助！

很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如

2021-12-31
2022-03-03

通常的做法是

if (num < 10) {
  num = '0' + num
}

后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下

'3'.padStart(2, '0')
// 结果是 ’03‘
'12'.padStart(2, '0')
// 结果是 ’12‘

其实呢，在 CSS 中也是可以实现这样的效果的，并且有多种方案，下面一起看看吧，相信能有不一样的体会。