Home
Sign Up
Sign In
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member
Sign In
V2EX
›
问与答
前端 css 问题 - safari 网页文本被奇怪的换行
CSGO
·
Sep 7, 2022
· 1275 views
This topic created in 1341 days ago, the information mentioned may be changed or developed.
这个问题之前自己发过(
https://www.v2ex.com/t/757244
),当时我忘记怎么解决了,现在又出现这个问题。
页面:
https://wangyifang.com
在 macOS 的 Chrome 上正常,macOS 的 safari 上和 ipad 的 safari 上,就出现这个诡异的换行,而有些正常有些会被换行,给换行的文字删除或增加文字,总会被换行一个,又发现似乎和前面的图片有关系。
而在 ipad 的 chrome 上,显示错位更为严重,网页底部还有个非常高的空白,似乎是页面一个背景导致的。
Supplement 1 ·
Sep 7, 2022
我发现了问题:
在 chrome 中( macos 、win 、android )如果修改文字前面的图片宽度,那么这个宽度会被自动拉升,文字也不会变:
但在 safari 和 ipad chrome 上,但修改这个图片宽度,外面的框框大小不会变,然后导致右侧的文本宽度自动变小,然后就:
换行
页面
网页
CSS
4 replies
•
2022-09-07 16:49:01 +08:00
1
kaiki
Sep 7, 2022
怀疑是 letter-spacing 导致的
2
CSGO
OP
Sep 7, 2022
@
kaiki
不是,删了还是这样。
3
milkzizi
Sep 7, 2022
white-space:nowrap
4
CSGO
OP
Sep 7, 2022
@
wtf12138
这个可以,但是我的设计是这个文本宽度应该是自适应的,当屏幕不够宽时,文本才会被换行,比如手机上,超长的文本应该被换行,但是明显这几个换行的,宽度还有很大空间,却换行了。
About
·
Help
·
Advertise
·
Blog
·
API
·
FAQ
·
Solana
·
850 Online
Highest 6679
·
Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 35ms ·
UTC 20:32
·
PVG 04:32
·
LAX 13:32
·
JFK 16:32
♥ Do have faith in what you're doing.
❯