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