文本两端对齐
文本两端对齐:根据justify对最后一行无效,我们可以新增一行,使该行文本不是最后一行,实现如下:
方法一:
.label {
display: inline-block;
height: 100%;
min-width: 100px;
text-align: justify;
text-align-last: justify;
}
方法二:
.label {
display: inline-block;
height: 100%;
width: 100px;
text-align: justify;
vertical-align: top;
}
&::after {
display: inline-block;
width: 100%;
content: '';
height: 0;
}