在網頁設計中,我們經常會使用盒子來布局我們的內容。然而,我們會發現,即使我們將所有的盒子都設置為display: inline-block
,它們之間還是會有一些奇怪的空隙。
為了取消這些空隙,我們可以使用 CSS 中的font-size: 0
。這個技巧可以將所有子元素的字體大小都設置為 0,從而消除它們之間的空隙。
.container { font-size: 0; } .container div { font-size: 16px; display: inline-block; }
在這段代碼中,我們首先將包含所有盒子的容器的字體大小設置為 0。然后,我們將所有的盒子設置為display: inline-block
,并將它們的字體大小設回 16px(或者適合您的大小)。
這個技巧可以讓我們更好地控制我們的網頁布局,并讓它們看起來更整潔和緊湊。
上一篇css讓按鈕點擊效果
下一篇css讓指針變手指