有两种方法可以去除内联块元素之间的空间。
方法一:将inline block元素的父元素的字体大小赋值为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
输出: