前端 css 问题 - safari 网页文本被奇怪的换行

This topic created in 1368 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 ）如果修改文字前面的图片宽度，那么这个宽度会被自动拉升，文字也不会变：