关于文字对齐

原理:利用em布局方式 + letter-spacing 属性
1.给父元素设置固定宽度(如width:4rem),并设置属性text-align: center;

父元素设置属性

2.子元素设置属性letter-spacing,值为(父元素的固定宽度-当前字的个数)/当前字的个数-1

例如当前有两个文字,则可以这样写

两个文字

如果有三个文字,则

三个文字

此处子元素设置margin-right的原因是去除最后一个字的letter-spacing间隙,如有需要可不加。
多个文字,以此类推。

你可能感兴趣的:(关于文字对齐)