我想以<blockquote>不同的顏色顯示元素,所以我添加了background-colorCSS 屬性。但不幸的是,<blockquote>在我完成此更改后,元素的彩色框將文本包裹得太緊:
我padding: 10px在元素中添加了 CSS 屬性以<blockquote>在文本周圍添加空間。但不幸的是,在我完成此更改后,彩色框在垂直方向上太大了:
發生這種情況是因為子<p>元素有邊距:
如果沒有父級的填充,這些邊距會與其他周圍的邊距一起折疊。但是當添加填充時,邊距會推開填充,增加額外的空間,因為它們不能通過填充折疊。
如何使內部元素的邊距通過父級的填充折疊?如果不可能,如何洗掉由內部元素的邊距創建的額外空間?
uj5u.com熱心網友回復:
洗掉填充(至少頂部和底部一個)并設定overflow: hidden在<blockquote>.
這只是包含邊距的技巧之一。至少還有5個其他。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/477753.html



