首页
注册
登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请
登录
V2EX 提问指南
广告
V2EX
›
问与答
前端 css 问题 - safari 网页文本被奇怪的换行
CSGO
·
2022-09-07 14:15:27 +08:00
· 858 次点击
这是一个创建于 742 天前的主题,其中的信息可能已经有所发展或是发生改变。
这个问题之前自己发过(
https://www.v2ex.com/t/757244
),当时我忘记怎么解决了,现在又出现这个问题。
页面:
https://wangyifang.com
在 macOS 的 Chrome 上正常,macOS 的 safari 上和 ipad 的 safari 上,就出现这个诡异的换行,而有些正常有些会被换行,给换行的文字删除或增加文字,总会被换行一个,又发现似乎和前面的图片有关系。
而在 ipad 的 chrome 上,显示错位更为严重,网页底部还有个非常高的空白,似乎是页面一个背景导致的。
第 1 条附言 ·
2022-09-07 17:02:33 +08:00
我发现了问题:
在 chrome 中( macos 、win 、android )如果修改文字前面的图片宽度,那么这个宽度会被自动拉升,文字也不会变:
但在 safari 和 ipad chrome 上,但修改这个图片宽度,外面的框框大小不会变,然后导致右侧的文本宽度自动变小,然后就:
换行
页面
网页
CSS
4 条回复
•
2022-09-07 16:49:01 +08:00
1
kaiki
2022-09-07 14:20:16 +08:00
怀疑是 letter-spacing 导致的
2
CSGO
OP
2022-09-07 15:03:25 +08:00
@
kaiki
不是,删了还是这样。
3
wtf12138
2022-09-07 15:12:41 +08:00
white-space:nowrap
4
CSGO
OP
2022-09-07 16:49:01 +08:00
@
wtf12138
这个可以,但是我的设计是这个文本宽度应该是自适应的,当屏幕不够宽时,文本才会被换行,比如手机上,超长的文本应该被换行,但是明显这几个换行的,宽度还有很大空间,却换行了。
关于
·
帮助文档
·
博客
·
API
·
FAQ
·
实用小工具
·
5637 人在线
最高记录 6679
·
Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 52ms ·
UTC 01:46
·
PVG 09:46
·
LAX 18:46
·
JFK 21:46
Developed with
CodeLauncher
♥ Do have faith in what you're doing.