CSS常常用于網(wǎng)頁布局,但是在進(jìn)行樣式設(shè)置時(shí),經(jīng)常會(huì)遇到一些空隙問題。下面就介紹一些消除空隙的方法。
/* 方法一 */ * { padding: 0; margin: 0; } /* 方法二 */ box-sizing: border-box; /* 方法三 */ font-size: 0;
以上三種方法都可以有效消除空隙。
方法一是將所有元素的內(nèi)外邊距都設(shè)為0,這樣可以避免因默認(rèn)邊距而出現(xiàn)的空隙。
方法二是使用box-sizing屬性,將盒模型設(shè)置為border-box。這樣元素的寬度和高度不再包含內(nèi)邊距和邊框,而是將它們計(jì)算在盒子的內(nèi)部,從而解決元素被撐破的問題。
方法三是將元素的字體大小設(shè)置為0,這樣元素內(nèi)的文字大小為0,元素就不會(huì)撐開了。
使用以上方法可以輕松消除網(wǎng)頁中的空隙問題。
上一篇css怎么橫排變豎排
下一篇css怎么添加上邊框