通过css设置标签内文字均匀分布

效果示例图

代码示例

width: 100px;
text-align: justify;
text-align-last: justify;

解析text-align

text-align属性指定元素文本的水平对齐方式

left 把文本排列到左边。默认值：由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值。

解析text-align-last（不支持safari浏览器）

text-align-last 属性规定如何对齐文本的最后一行。

auto 默认值。最后一行被调整，并向左对齐
left 最后一行向左对齐。
right 最后一行向右对齐。
center 最后一行居中对齐。
justify 最后一行被调整为两端对齐。
start 最后一行在行开头对齐（如果 text-direction 是从左到右，则向左对齐；如果 text-direction 是从右到左，则向右对齐）。
end 最后一行在行末尾对齐（如果 text-direction 是从左到右，则向右对齐；如果 text-direction 是从右到左，则向左对齐）。
initial 设置该属性为它的默认值。请参阅 initial。
inherit 从父元素继承该属性。