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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • t460 拆解_转一个详尽、全面的的X201拆机 – ThinkPad系统与软件技术|应用技巧|软件分享区 – 鸿利在线|北京ibm水货|IBM水货|Thinkpad笔记本|Thinkpad全球购|…

    t460 拆解_转一个详尽、全面的的X201拆机 – ThinkPad系统与软件技术|应用技巧|软件分享区 – 鸿利在线|北京ibm水货|IBM水货|Thinkpad笔记本|Thinkpad全球购|…占楼············下载(30.5KB)2010-6-123:42下载(20.97KB)2010-6-123:42ThinkPadX201的防水键盘,其实很多商务机都具备防水键盘,并不是说底部没有排水口的笔记本其键盘就不防水,是否防水取决于键盘导电薄膜边缘是否被密封。X201的键盘侧面有漏口,严格来说这不仅是防水键盘,而是进一步的防泼溅键盘。下载(23.51KB)2010…

    2022年6月27日
    68
  • HashMap 底层实现原理

    HashMap 底层实现原理要了解 HashMap 的底层实现原理 我们首先要对 HashMap 的部分底层源码进行分析 publicclassH K V extendsAbstr K V implementsMa K V Cloneable Serializable 我们可以看出 HashMap 继承了 AbstractMap 实现了 Map Cloneable Serializable 接口 staticfinali I K V K V K V

    2025年6月30日
    3
  • 振动分析软件有哪些_excel控件按钮怎么控制图表

    振动分析软件有哪些_excel控件按钮怎么控制图表LightningChart是优化了GPU加速,硬件性能的制图组件,用于实时呈现超过10亿个数据点的海量数据。同时LightningChart是为了处理实时数据采集和处理而开发的,可有效利用CPU和内存资源。LightningChart包括广泛的2D,高级3D,Polar,Smith,3D饼/甜甜圈,地理地图和GIS图表以及适用于科学,工程,医学,航空,贸易,能源和其他领域的体绘制功能。当您想到振动分析时,您会想到什么?它正在成为结构工程中一种非常常见的识别方法,用于识别潜在的结构完整性问题,例如隐藏的物

    2022年10月15日
    2
  • Ribbon整合Avalondock 2.0实现多文档界面设计(一)

    Ribbon整合Avalondock 2.0实现多文档界面设计(一)前些时间研究了WPF的一些框架,感觉基于Prism框架的MVVM模式对系统的UI与逻辑分离很好,所以就按照之前Winform的框架设计,用WPF做了一套,感觉比Winform要强很多。MVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model),有几大优点1.低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的”View”上,…

    2022年7月20日
    22
  • 面试题,说说你对spring IOC和AOP的理解

    面试题,说说你对spring IOC和AOP的理解https://blog.csdn.net/s20081294/article/details/44677387在面试中,经常会问,说说你对springIOC和AOP的理解,问题很宽泛,似乎不知道从何说起。回答思路:1.先用通俗易懂的话解释下何为IOC和AOP———》2.各自的实现原理———–》3.自己的项目中如何使用以下是个人的一些总结,仅供参考。1.IOC…

    2022年6月16日
    66
  • Kali安装教程(VMWare)

    Kali安装教程(VMWare)1.下载镜像及相关1.1下载镜像文件下载链接:https://www.kali.org/downloads/选择自己需要的版本下载,根据经验先下载种子文件(torrent)再用迅雷下载网速是最有保证的。1.2kali各版本说明Kali2.0使用Linux4.0内核,基于Debian8(DebianJessie)Kali—默认版本,Gnome3桌面,我一直对Gn…

    2022年5月7日
    69

发表回复

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

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