css两端对齐IOS不适用 样式冲突

css两端对齐IOS不适用 样式冲突问题 textclass explain v html info goodsExplain explain white space pre wrap 用来换行 display inline block text align justify 用来两端对齐 text align last left word break break word 文本带有换行符 没有带标签 textclass explain v html info goodsExplain

问题

<text class="explain" v-html="info.goodsExplain"></text>


.explain{
    white-space: pre-wrap; //用来换行
    display: inline-block;
    text-align: justify; //用来两端对齐
    text-align-last: left;
    word-break: break-word;
}

文本带有换行符,没有带标签。

两端对齐在安卓上显示正常,IOS显示不换行。

如果去除white-space: pre-wrap; ,能够两端对齐,但不能换行了…

貌似和换行的样式有冲突

解决

换行样式改为

white-space: pre-line;

能行了 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/233346.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • openGL之API学习(六十九)水平同步 垂直同步「建议收藏」

    openGL之API学习(六十九)水平同步 垂直同步「建议收藏」垂直和水平是CRT中两个基本的同步信号,水平同步信号决定了CRT画出一条横越屏幕线的时间,垂直同步信号决定了CRT从屏幕顶部画到底部,再返回原始位置的时间,而恰恰是垂直同步代表着CRT显示器的刷新率水平!垂直同步打开,那么在游戏中,或许强劲的显卡迅速的绘制完一屏的图像,但是没有垂直同步信号的到达,显卡无法绘制下一屏,只有等垂直同步信号到达,才可以绘制。这样fps自然要受到操作系统刷新率运行值的…

    2022年5月21日
    30
  • 【JVM调优工具】JVM调优工具[通俗易懂]

    【JVM调优工具】JVM调优工具[通俗易懂]一、JVM调优工具1.jstat工具java程序默认使用的xmx_为什么JAVA进程占用内存会超过Xmx设置_保瓶儿的博客-CSDN博客

    2022年5月31日
    26
  • emwin教程_emwin教程

    emwin教程_emwin教程1.位图显示(1)BmpCvt[位图转换器]作用将位图从PC格式转换为C文件,emwin可使用的位图在C文件中定义为GUI_BITMAP结构体。注:如果图片要转化为bmp格式,可以用画图软件,像素大小要合适设置如下:…

    2022年10月14日
    0
  • HashMap与ConcurrentHashMap的区别「建议收藏」

    HashMap与ConcurrentHashMap的区别「建议收藏」从JDK1.2起,就有了HashMap,正如前一篇文章所说,HashMap不是线程安全的,因此多线程操作时需要格外小心。在JDK1.5中,伟大的DougLea给我们带来了concurrent包,从此Map也有安全的了。ConcurrentHashMap具体是怎么实现线程安全的呢,肯定不可能是每个方法加synchronized,那样就变成了HashTable。从Conc

    2022年6月24日
    20
  • apache ant安装和build.xml

    apache ant安装和build.xml

    2021年8月13日
    73
  • java四舍五入保留小数「建议收藏」

    java四舍五入保留小数「建议收藏」//方式一:doublef=3.1516;BigDecimalb=newBigDecimal(f);doublef1=b.setScale(2,BigDecimal.ROUND_HALF_UP).doubleValue(); //方式二:newjava.text.DecimalFormat("#.00").format(3.1415926);//#.00表示两位小数…

    2022年5月30日
    28

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号