text-align: justify列表的两端对齐布局_text-align: justify vue

作者：2023面试高手 | 2024-03-23 14:25:34

踩

text-align: justify vue

通过设置inline-block与justify实现列表的两端对齐布局，但是处于列表最后一行的元素却无法对齐，我们通过在最后一行放置一个高度为0，宽度100%的inline-block不可见元素来充当最后一行，可以使得所有的可见元素实现两端对齐的布局。


ul { text-align: justify; }
ul > li { display: inline-block; }
span { display: inline-block; height: 0; width: 100%; overflow: hidden; }

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/295726