2012-09-12 82 views
0

我已经使用了一个标记并为此<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. 

参见下面的屏幕截图

Gallery apper in left side

请帮我任何帮助将appriciated。

回答

0

尝试在CSS文件中使用margin: 0 auto;而不是内联。 此外,第二个边界将冲突,所以发表意见。 然后回到我身边,让我知道这对你有用。

+0

我以前试过,但没有得到所需的结果。看到我的代码http://paste.org/54000 –

+0

它看起来像你实际上没有把每个结果放在一个父div来应用边距设置。尝试一下,那么它应该工作。 –

+0

哦......我只是注意到你提到它在Android上可用,但不在iPhone上。我认为这可能是浏览器。尝试在iPhone上下载另一个浏览器并从那里访问它。如果它有效,那么它是浏览器特定的,并且您需要对该浏览器快速应用修补程序。 –

0

没有你的确切的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; 
} 
+0

http://paste.org/54000这是我的完整html plz帮助我 –

+0

以上编辑回答 – ddb

+0

我用你的建议,但不工作,其工作良好的Android手机,但当我检查它在iphone上不工作 –