CSS中的空格和換行符可以幫助我們讓代碼更易于閱讀和理解,但有時候也會給我們帶來一些麻煩,尤其是在布局時。
下面介紹幾個常見的CSS技巧來消除空白間隙:
1. font-size: 0; 將父元素的字體大小設置為0,子元素的字體大小在設置回去即可。 例如: .parent { font-size: 0; } .child { font-size: 16px; } 2. float: left; 設置浮動可以讓元素直接貼在一起,消除空白間隙。 例如: .box { float: left; } 3. margin負值法 通過給負值來消除元素之間的間隙。 例如: .box { margin-right: -10px; } 4. display: flex; 使用彈性盒子布局可以很容易的消除間隙,只需將容器的display值設置為flex。 例如: .parent { display: flex; flex-wrap: wrap; } .child { flex-basis: 200px; }
以上是幾種常見的消除CSS空白間隙的技巧,使用時需要根據具體的情況來選擇合適的方法。
上一篇ionicons.css
下一篇ionic css3插件