在ios真机上无效,用最笨的办法吧,把每一个字用<text>标签包起来,外面用flex布局,justify-content: space-between; 搞定
简单利用 text-align: justify 实现单行文本两端对齐先上效果图 [图片] 原理很简单,就是在原文本结尾补个会换行的空标签,模拟成2行文本 wxml [代码] [代码] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"foods"[代码][代码]>[代码] [代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"eat"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码][代码]>早上吃什么<[代码][代码]text[代码][代码]></[代码][代码]text[代码][代码]></[代码][代码]view[代码][代码]>: 洗衣粉[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"eat"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码][代码]>午餐呢<[代码][代码]text[代码][代码]></[代码][代码]text[代码][代码]></[代码][代码]view[代码][代码]>: 肥皂[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"eat"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码][代码]>最重要的晚餐<[代码][代码]text[代码][代码]></[代码][代码]text[代码][代码]></[代码][代码]view[代码][代码]>: 沐浴露[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码] [代码] wxss [代码] [代码] [代码].foods {[代码] [代码] [代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]20[代码][代码]rpx;[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]#fff[代码][代码]}[代码][代码].eat {[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]100[代码][代码]rpx[代码][代码]}[代码][代码].eat + .eat {[代码][代码] [代码][代码]border-top[代码][代码]: [代码][代码]1[代码][代码]rpx [代码][代码]solid[代码] [代码]#f5f5f5[代码][代码]}[代码][代码].eat view {[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]240[代码][代码]rpx;[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]justify[代码][代码];[代码][代码] [代码][代码]vertical-align[代码][代码]: [代码][代码]top[代码][代码]}[代码][代码].eat view text {[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100% /* 换行 */[代码][代码]}[代码] [代码] [代码]
2020-03-04在ios真机上无效,我是用笨办法搞定的, <p class="label"> <span>联</span> <span>系</span> <span>人</span> </p>: <p class="label"> <span>仓</span> <span>库</span> <span>地</span> <span>址</span> </p>: .label width 140rpx display flex justify-content space-between
想知道ios如何两端对齐text-align: justify; text-align-last: justify; 在微信开发者工具的浏览器是可以实现字体两端对齐的,但是IOS版微信无效,求解决办法
2020-03-04