问题:
text-align: justify样式在安卓可以正常两端对齐,iOS却不行
解决方案:
添加text-align-last: justify;
.text {
text-align: justify;
text-align-last: justify;
}
然后添加伪元素::after,使文本不在最后一行
::after {
display: inline-block;/*行内元素*/
content: '';
width: 100%;/*可以挤掉文字,保证不跟文字在同一行*/
height: 0;
visibility: hidden;
}
本文介绍了一种解决iOS上text-align:justify样式无法正常工作的方法。通过添加text-align-last:justify属性,并利用伪元素::after确保文本不在最后一行显示,从而实现了在iOS设备上的两端对齐效果。
2271

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



