去掉inline block元素間隙

2021-09-13 13:38:06 字數 531 閱讀 6118

目錄

1、標籤寫在一行,移除標籤間的空格

2、利用html注釋標籤

3、在父容器上使用font-size:0;可以消除間隙

做頁面時,如果用到inline-block元素來布局,就無可避免都會遇到乙個問題,就是inline-block元素之間的間隙。這些間隙會導致一些布局上的問題,需要把間隙去掉。

我是乙個span

我是乙個span

我是乙個span

我是乙個span

我是乙個span

我是乙個span

我是乙個span

我是乙個span

我是乙個span

我是乙個span

我是乙個span

.demo 

.demo span

去掉inline block元素間隙的幾種方法

最近做頁面時,經常會用到inline block元素來布局,但無可避免都會遇到乙個問題,就是inline block元素之間的間隙。這些間隙會導致一些布局上的問題,需要把間隙去掉。對於inline block元素及去掉間隙的方法,在這裡做乙個簡單的總結。1 標籤寫在一行,移除標籤間的空格 我是乙個s...

去掉inline block間的間隙

當給多個相鄰元素設定display inline block時,元素之間缺省會產生間隙 width 202px height 202px margin 30px auto border 1px solid rgba 0,0,0,3 item 效果如圖,產生間隙。一種思路是在html中手動刪掉div之...

CSS 去掉inline block間隙的幾種方法

最近做移動端頁面時,經常會用到inline block元素來布局,但無可避免都會遇到乙個問題,就是inline block元素之間的間隙。這些間隙會導致一些布局上的問題,需要把間隙去掉。對於inline block元素及去掉間隙的方法,在這裡做乙個簡單的總結。inline block 即內聯塊,在c...