margin：0 auto;不是因爲它應該

-1

好吧我已經編輯了這個問題，因爲問題稍有改變。基本上保證金：0汽車;在2個元素上不適合我。他們不會在頁面中間居中。我想這個jsfiddle展示了一個很好的例子http://jsfiddle.net/Hr4uK/1/想象一下，整個頂部的紅色盒子居中，其他每個div都略微漂浮在右邊。margin：0 auto;不是因爲它應該

CSS：

#sliderFrame {margin: 0 auto; width:990px;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/ 
.two-step { 
width:990px; 
background-color: #CADDC0; 
margin: 0 auto; 

border-bottom:5px solid #CADDC0; 
} 
.var { 
width: 990px; 

} 
.topimage { 
margin: 0 auto; 
width:990px; 
}

HTML：

<div id="topimage"> 
<img src="http://www.paycoservices.co.uk/images/test1.jpg" /> 
</div> 


<div id="sliderFrame"> 
<div id="ribbon"></div> 
<div id="slider"> 
    <a href="http://www.menucool.com/jquery-slider" target="_blank"> 
     <img src="http://www.paycoservices.co.uk/jsImgSlider/images/image-slider-1.jpg" alt="Welcome to Menucool.com" /> 
    </a> 
    <img src="http://www.paycoservices.co.uk/jsImgSlider/images/image-slider-2.jpg" alt="" /> 
    <img src="http://www.paycoservices.co.uk/jsImgSlider/images/image-slider-3.jpg" alt="Pure Javascript. No jQuery. No flash." /> 
    <img src="http://www.paycoservices.co.uk/jsImgSlider/images/image-slider-4.jpg" alt="#htmlcaption" /> 
    <img src="http://www.paycoservices.co.uk/jsImgSlider/images/image-slider-5.jpg" width="968" /> 
</div> 
<div id="htmlcaption" style="display: none;"> 
    <em>HTML</em> caption. Link to <a href="http://www.google.com/">Google</a>. 
</div> 
</div> 


<div class="two-step"> 
<a href="#"><img src="http://www.paycoservices.co.uk/images/2-step-sfinder.png" width="968" height="100" class="show_hide" alt="3 steps" /></a> 
</div>

來源

2013-07-08 JFar_13

小心設置一個只包含相關位的[jsfiddle]（http://jsfiddle.net/）？我不知道你指的是哪個「兩個div」，因爲你發佈的代碼中有很多div。 –

我做了一個小提琴http://jsfiddle.net/ZLGM9/ – Adam

對不起，今天沒有得到我的希望！我已經更新了jsfiddle來顯示問題，但刪除了所有複雜的東西，只是在底部使用了一個圖像（淺藍色條），因爲您可以看到它只是沒有達到正確的寬度。圖像本身是990px –

這是通過與頂部菜單黑客解決，因爲它是這是稍微不集中。

來源

2013-07-10 14:15:04

您需要設置寬度img元素。

沒有這樣做，img會佔用它的自然寬度。（這就是爲什麼它被預先伸出來）

FIDDLE

#sliderFrame, .two-step, img 
{ 
    margin: 0 auto; 
    width:968px; 
}

來源

2013-07-08 12:19:58 Danield

感謝fellas的回覆，我現在有sliderframe div和圖像相同的寬度，但問題是兩個ar enot正確居中。如果你看直播頁面，它們都是相同的寬度，但頂部菜單居中，並且你可以看到sliderframe div和圖像不在頁面中心http://www.paycoservices.co.uk/ newsliderdev.asp＃。Udq1thYSyS1 –

我不知道你想要什麼。所以我假設你想div.two-step與其他divs對齊。

你有一個類你的CSS .slidingDiv但它不是在你的HTML中使用...

#sliderFrame {保證金：0汽車;寬度：990px}

.two-step { 
width: 968px; 
margin: 0 auto; 
}

我也迫使990px寬圖像的寬度爲968 ... 做什麼，我想你想要的。看小提琴

http://jsfiddle.net/Hr4uK/

來源

2013-07-08 12:28:52 Raffael

滑動div用於整體'可摺疊'塊設置，基本上當您單擊藍色圖像出現另一個框時，單擊該按鈕，然後出現另一個等（slidingDiv，slidingDiv1，slidingDiv2等 –

然後爲什麼ist在小提琴中？ – Raffael

這是在錯誤的地方開始，現在不存在了，基本上我現在排序了，除了我現在有sliderframe div和圖像寬度相同但是問題都是正確居中的。實時頁面，它們都是相同的寬度，但頂部菜單居中，並且您可以看到sliderframe div和圖像未居中在頁面上paycoservices.co.uk/newsliderdev.asp#.Udq1thYSyS1 –

margin：0 auto;不是因爲它應該

回答

相關問題