文本两端对齐

文本两端对齐:根据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;
}

posted @ 2020-04-28 22:52  Running°つ  阅读(118)  评论(0编辑  收藏  举报