如何解决防止带连字符的单词在IOS中引起换行
我有一个奇怪的问题,直到最近才发现。
我们的数据库会生成商品尺寸列表(例如,小,中,大等)。
也有许多带连字号的尺寸(2-3YR,4-5YR)。
带连字符的大小在大多数设备上都能正确显示,但在IOS上,它们看起来像这样:
2-
3年
4-
5年
因此,IOS在连字符号后面打断了行。服务器生成时,我无法删除或更改连字符,那么有什么方法可以使用CSS来防止这种情况发生?
解决方法
感谢您的评论。显示:内联阻止由于某些原因而无法正常工作。但是我确实找到了JS解决方法:
在页面加载后,我使用以下命令用连字符代替连字符,这似乎有点像用大锤杀死苍蝇,但它确实有效!
var str = elements[i].innerHTML;
var text = str.replace("-","‑");
elements[i].innerHTML = text;
,
我最近遇到了这个问题,并且在 ios chrome 和 macos safari 中遇到了这个问题。
只需将以下 CSS 应用于包含中断文本的元素:
word-break: keep-all;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。