有两种方法可以去除内联块元素之间的空间。
方法一:将inline block element的父元素的字体大小赋值为0px,然后将合适的font-size赋值给
内联块元素
Syntax:parent-element{ font-size:0px;}parent-element child-element{ display:inline-block; font-size:Required font size;
}
上述概念由以下代码说明:
html
How to remove spaces between inline block elements
Geeks
For
Geeks
HTML
How to remove spaces between inline block elements
Geeks
For
Geeks
输出:
方法二:使父元素的显示为flex。
Syntax:
parent-element{ display:flex;}parent-element child-element{ display:inline-block; font-size:Required font size;
}
HTML
How to remove spaces between inline block elements
Geeks
For
Geeks
输出: