css 文字两端对齐小技巧

在这里有其实现思维的解释:https://segmentfault.com/a/1190000011336392

我只在此根据自己在开发中实现代码做个总结

<div class='div'>
    这里是文字
</div>
.div {
  width: 120rpx;
  text-align: justify;
}
.div::after {
  content: " ";
  display: inline-block;
  width: 100%;
}

亲测可实现效果。

猜你喜欢

转载自blog.csdn.net/BetterGG/article/details/84581847