vue(css)实现三个字和四个字等宽、或者3个字和2个字等宽

效果图&＃xff1a;

在做前台界面的时候&＃xff0c;比如一些文字的列表或者一些表单的标题&＃xff0c;经常是2个字&＃xff0c;3个字&＃xff0c;4个字的类型。
一般对齐就是在中间打空格或者用 来空开&＃xff0c;但是效果并不好&＃xff0c;兼容性有问题&＃xff0c;造成不美观。
letter-spacing 属性增加或减少字符间的空白&＃xff08;字符间距&＃xff09;。
该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄&＃xff0c;指定长度值时&＃xff0c;会调整字母之间通常的间隔。

上面效果图的代码&＃xff1a;

提示&＃xff1a;具体的letter-spacing数值&＃xff0c;请根据实际显示效果进行调整。
“em” 表示相对于font-size大小的长度。letter-spacing也可以使用"px"作为单位