当前位置: 首页 > news >正文

【微信小程序】英文字母不换行问题 flex布局字符超出宽度折行问题:设置了word-break: break-all;和flex: 1;冲突flex不生效问题

flex布局中英文字符超出宽度不会自动折行的问题,但是设置了word-break: break-all;前面设置的flex: 1;就不生效了

1.英文字母不换行问题

.view_text {word-break: break-all;
}

如果使用flex仅仅设置word-break: break-all;是会影响flex: 1;这种情况就需要设置一个 min-width: 0;即可解决

2.flex布局字符超出宽度折行,设置了word-break: break-all;和flex: 1;冲突flex不生效问题

.view_text {flex: 1;min-width: 0;word-break: break-all;
}
http://www.lryc.cn/news/251742.html

相关文章:

  • python--自动化办公(Word)
  • sourceTree的下载和安装
  • 解决:ModuleNotFoundError: No module named ‘PyQt5‘
  • 极客时间 - 如何成为学习高手【文章笔记 + 思考总结】
  • 前端笔记(二):CSS 选择器与特性
  • 【每日一题】1423. 可获得的最大点数-2023.12.3
  • VSCode修改C++版本
  • 31-WEB漏洞-文件操作之文件包含漏洞全解
  • 预约系统源码解析:打造智能定制化预约服务的技术奇迹
  • 关于Maxscript你了解多少?
  • Xshell全局去除提示音
  • JAVA代码优化:Spring中redis的工具类
  • MathType 7.5.2中文版软件使用期到了怎么办?
  • DOM 事件的注册和移除
  • 挖漏洞之SQL注入
  • 面试篇之微服务(二)
  • java封装详解
  • Make sure bypassing Vue built-in sanitization is safe here.
  • 企业的内容站点SEO应该怎么做更有效果?
  • mac电脑下载Netflix Mac(奈飞客户端)安装教程
  • PCL 计算点云图中任意两点的欧式距离
  • 使用OssImport 工具将文件上传到阿里云OSS
  • 充电桩新老国标兼容性分析
  • ApiSix的docker 容器化部署及使用
  • 第十节HarmonyOS 使用资源引用类型
  • ntopng如何将漏洞扫描与流量监控相结合,以提高网络安全性
  • 使用coco数据集进行语义分割(1):数据预处理,制作ground truth
  • 神经网络 模型表示2
  • ubuntu使用SSH服务远程登录另一台设备
  • 读书笔记:《Effective Modern C++(C++14)》