Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html linline块div之间不需要的空间_Html_Css - Fatal编程技术网

Html linline块div之间不需要的空间

Html linline块div之间不需要的空间,html,css,Html,Css,我有以下代码: 在HTML中 ​<div id="first" >​</div> <div id="second"></div> 我观察到两个div之间有一个我无法移除的空间。有什么帮助吗?这是JSFIDLE源代码。空间在HTML中,因此它将在输出中。尝试将推到一起,不要在它们之间留有空格。空格在HTML中,因此它将出现在输出中。请尝试将推到一起,中间不要留空格。这是格式化HTML时包含的空白。您可以将父级的字体大小设置为零来解决此问题

我有以下代码:
在HTML中

 ​<div id="first" >​</div>  
 <div id="second"></div> 

我观察到两个div之间有一个我无法移除的空间。有什么帮助吗?这是JSFIDLE源代码。

空间在HTML中,因此它将在输出中。尝试将
推到一起,不要在它们之间留有空格。

空格在HTML中,因此它将出现在输出中。请尝试将
推到一起,中间不要留空格。

这是格式化HTML时包含的空白。您可以将父级的字体大小设置为零来解决此问题

#container{
    font-size:0;
}
另一种方法是按如下方式格式化HTML:

​<div id="first" >​<  
/div><div id="second"></div
/div>...
​​<  
/div>。。。

这是格式化HTML时包含的空白。您可以将父级的字体大小设置为零来解决此问题

#container{
    font-size:0;
}
另一种方法是按如下方式格式化HTML:

​<div id="first" >​<  
/div><div id="second"></div
/div>...
​​<  
/div>。。。

要删除两个div之间的空格,需要设置第二个div负像素的margin left属性,请选中此项或


若要删除两个div之间的空格,需要设置second div负数像素的margin left属性,请选中此项或


或者,如果您不希望完全混乱的HTML避免
内联块
显示的div之间出现空格,可以使用HTML注释连接div

​​ 

或者,如果您不希望完全混乱的HTML避免
内联块
显示的div之间出现空格,您可以使用HTML注释连接div

​​ 

这是不可靠的,因为有些浏览器有一个最小允许字体大小的设置。这是不可靠的,因为有些浏览器有一个最小允许字体大小的设置。
    ​<div id="first" >​</div><!--  
 --><div id="second"></div>