V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
CSGO
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 上,但修改这个图片宽度,外面的框框大小不会变,然后导致右侧的文本宽度自动变小,然后就:
    4 replies    2022-09-07 16:49:01 +08:00
    kaiki
        1
    kaiki  
       Sep 7, 2022
    怀疑是 letter-spacing 导致的
    CSGO
        2
    CSGO  
    OP
       Sep 7, 2022
    @kaiki 不是,删了还是这样。
    milkzizi
        3
    milkzizi  
       Sep 7, 2022
    white-space:nowrap
    CSGO
        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.