css3圆角矩形问题

Question

那个橘色的圆角矩形，在一个数字的时候是 圆形，在多个数字的时候背景变成 圆角矩形 如图，怎么使用一个样式搞定这个需求？

如微信一样：

Answer 1

border-radius: 999px;
min-width: <Row height>;

Answer 2

Option 1: Set min-width of css
Option 2: The program converts numbers into arrays, and sets the number of digits in the key array to different CSS classes