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