Mobile中左侧和右侧的间距问题

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

尝试在CSS文件中使用margin: 0 auto;而不是内联。 此外，第二个保证金将发生冲突，因此请注意。 然后回到我身边，告诉我这对你有什么用。

Answer 2

没有我们可以试用的确切html。你应该尝试模仿enter link description here。但这里有一些我能想到的事情。

如果你需要一个在另一个旁边，你需要浮动，或者定义为绝对/相对的位置。之后，使用左右边距进行游戏，以确定准确的边距，以便将其移至中心。

看，我在这里添加了保证金。尝试使用不同的数字，以便你把它带到中心

.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;
}