要实现这样的效果,首先你得需要一个属性:text-align-last: justify;
代码如下:
<style>
div.flex {
width: 100px;
display: inline-block;
text-align-last: justify;
}
</style>
</head>
<body>
<article>
<div class='flex'>姓名</div><span>:</span>
</article>
<article>
<div class='flex'>联系方式</div><span>:</span>
</article>
</body>