Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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 图像自动间距?_Html_Css_Image - Fatal编程技术网

Html 图像自动间距?

Html 图像自动间距?,html,css,image,Html,Css,Image,希望这应该是简短和甜蜜的,我正在制作一个网站,我希望两个40x40的图像放在旁边,问题是,他们似乎是一个流氓边缘或填充正在应用到它。我试着把它移走,但没有成功 图片:http://i.minus.com/jblfTtkLGRaE74.png 正如你所看到的,我有Fixbug打开,它显示没有任何样式被应用到图像中,导致图像之间的空白空间发生。此外,图像不是一个div的孩子。我使用了CSS重置 如果您需要更多信息,请询问 谢谢。如果您使用的是firefox,并且您确定所有占用空间的值都已归零,那么可

希望这应该是简短和甜蜜的,我正在制作一个网站,我希望两个40x40的图像放在旁边,问题是,他们似乎是一个流氓边缘或填充正在应用到它。我试着把它移走,但没有成功

图片:http://i.minus.com/jblfTtkLGRaE74.png

正如你所看到的,我有Fixbug打开,它显示没有任何样式被应用到图像中,导致图像之间的空白空间发生。此外,图像不是一个div的孩子。我使用了CSS重置

如果您需要更多信息,请询问


谢谢。

如果您使用的是firefox,并且您确定所有占用空间的值都已归零,那么可能是空白的字体大小,请删除两幅图像之间的任何空白,您还可以尝试将父元素的字体大小设置为0。

如果您使用firefox,并且您确定所有占用空间的值都已归零,则可能是空白的字体大小,请删除两幅图像之间的任何空白,您还可以尝试将父元素的字体大小设置为0。

这是因为图像是内联元素。消除间隙的选项包括向图像中添加
float:left
,或者删除HTML中图像之间的所有空白。

这是因为图像是内联元素。消除间隙的选项包括向图像中添加
float:left
,或删除HTML中图像之间的所有空白。

有趣的是,不需要查看您声称正在使用的任何代码/重置。下面是我如何使用CSS快速地将两个图像放在彼此相邻的位置

img {
float: left;
margin: 0;
padding: 0;
border: 0;
}

有时,您必须返回并稍微挖掘代码,并进行一些重写。祝你好运

很有趣,不用看你声称正在使用的任何代码/重置。下面是我如何使用CSS快速地将两个图像放在彼此相邻的位置

img {
float: left;
margin: 0;
padding: 0;
border: 0;
}

有时,您必须返回并稍微挖掘代码,并进行一些重写。祝你好运

您是否尝试过使用表格并将每个图像放在其中


页面上的主要边框往往是wierd,但我意识到table方法倾向于允许更多的细化。最好的部分是它不会出现在页面上。

您是否尝试过使用表格并将每个图像放在其中

页面上的主要边框往往是wierd,但我意识到table方法倾向于允许更多的细化。最好的是它不会出现在页面上。

您可以使用CSS

word-spacing:-1em;
在父容器上删除图像之间的这些空格。

您可以使用CSS

word-spacing:-1em;

在父容器上删除这些图像之间的空格。

您可以在jsfiddle.net上发布示例看看它。删除换行符(等于空白)并更新。差距消失了。正是我所想的。啊,谢谢你!它起作用了。如果你把它作为一个答案,我可以关闭这个。但最后一件事,把它放在一行会让我的代码看起来很混乱。我不能把他们分成不同的行吗?@user1171731:你可以,也可以。重要的是标签之间的空白。@user1171731:通过引用thirtydot的答案来结束问题,这是最好的答案。请在jsfiddle.net上发布示例看看。删除换行符(等于空白)并更新。差距消失了。正是我所想的。啊,谢谢你!它起作用了。如果你把它作为一个答案,我可以关闭这个。但最后一件事,把它放在一行会让我的代码看起来很混乱。我不能把他们分成不同的行吗?@user1171731:你可以,也可以。重要的是标签之间的空白。@user1171731:通过接受thirtydot的答案来结束问题,这是最好的答案。