css处理文字个数不同对齐

上图： 微信图片_20191209100249.png

如图中三个文字与四个文字对齐方式。

属性text-align设置为justify（两端对齐，文字内容要超过一行）发现并没有实现想要的效果此时在行内加入空标签即可实现效果。

<div>联系人<i></i></div>
给i标签设置

i{
    display: inline-block;
    width: 100%;
    padding-left: 100%
 }