html - 移动中左右两侧的间距问题

Question

我已经使用了一个标签并为此设置了属性<div style="margin:0 auto; ">，它工作正常。但是我在上面又使用了一个，并将浮动设置如下

.gallery-div{ background:url(images/gallery-bg.png) repeat-y; 
float: left;
width:101px;
margin:2px 2px  0px 2px;
border-bottom:2px #9b9b9b solid;
}

问题是它出现在左侧而不是中心。如果删除

float: left; then it appear one below the other like that.

请参阅下面的屏幕截图

请帮助我，任何帮助都会得到帮助。

Answer 1

尝试margin: 0 auto;在 CSS 文件中使用而不是内联。此外，第二个边距会发生冲突，因此请注释掉。然后回到我身边，让我知道这对你有什么作用。

Answer 2

没有我们可以试用的确切 html。您应该尝试在此处输入链接描述进行模拟。但这里有一些我能想到的事情。

如果您需要一个挨着一个，您要么需要浮动，要么需要将位置定义为绝对/相对。之后，玩弄左右边距以设置精确的边距，使其居中。

看，我在这里添加了 margin-left 。尝试在那里使用不同的数字，以便将其放在中心

.gallery-div{ background:url(images/gallery-bg.png) repeat-y; 
float:left;
width:101px;
margin:2px 2px  0px 2px;
margin-left:30px;
border-bottom:2px #9b9b9b solid;
}