在这里有其实现思维的解释:https://segmentfault.com/a/1190000011336392
我只在此根据自己在开发中实现代码做个总结
<div class='div'>
这里是文字
</div>
.div {
width: 120rpx;
text-align: justify;
}
.div::after {
content: " ";
display: inline-block;
width: 100%;
}
亲测可实现效果。
本文介绍了一种使用CSS实现文字两端对齐的方法,通过在div元素中设置宽度和text-align属性,并使用::after伪元素确保在不同屏幕尺寸下都能达到良好的视觉效果。
在这里有其实现思维的解释:https://segmentfault.com/a/1190000011336392
我只在此根据自己在开发中实现代码做个总结
<div class='div'>
这里是文字
</div>
.div {
width: 120rpx;
text-align: justify;
}
.div::after {
content: " ";
display: inline-block;
width: 100%;
}
亲测可实现效果。
1536

被折叠的 条评论
为什么被折叠?