浮動影像和文本的內容現在位于 flex 容器深處(以前的站點中沒有)。例如,請參見此處:
問題在于,這將需要我們瀏覽所有內容才能進行此更改。我試圖在 CodePen 上重現這一點,但使用簡單的布局并沒有發生。必須與真實頁面的更復雜布局有關。我已經嘗試了所有我能想到并找到的東西,但除了使用邊距而不是填充來修復它之外別無他法。
誰能看到用 CSS 修復這個 flex 錯誤的方法,而不必更改所有內容來解決它?
是的,有更好的方法來布置內容,但所做的是以前效果很好并且適合日常管理內容的員工的技能。
uj5u.com熱心網友回復:
@Adam 因為默認情況下應用了 box-sizing 屬性。因此,在這種情況下,您可以通過為影像添加 css 來初始化影像box-sizing: initial;。
所以這會對你有所幫助。
.category-below-description img {
box-sizing: initial;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/520191.html
標籤:css图片弹性盒
上一篇:如何在當前頁面中顯示base64(atob)中的外部影像
下一篇:合并多個精靈節點?
