你如何在頁面上水平居中放置一個div（帶有子div）？

我想在頁面上水平放置一個div（div包含四個標尺，如徑向刻度盤，需要彼此相鄰，而不是一行一行）。我目前的CSS（下圖）顯示了彼此相鄰的標尺，所以float屬性似乎可以正常工作，但是我爲父div（allgauges）設置的margin屬性似乎並不有效。當我嘗試將它對齊到頁面的中心時，我在「allgauges」裏面有幾個div是否有所作爲？任何幫助表示讚賞。你如何在頁面上水平居中放置一個div（帶有子div）？

<!-- Embedded style sheet to change the margin spacing between the gauges --> 
 
    <style> 
 
     
 
     
 
    #one, #two, #three, #four 
 
    { 
 
\t float: left; 
 
\t } 
 
\t 
 
    #allgauges 
 
    { 
 
\t \t margin: 0 auto; 
 
\t } 
 
     
 
    </style>

來源

2017-04-24 Philip Speroni

的片段不包括HTML –

要居中#allgauges div的，你必須設置了寬度像素或％ – Joint

寬度設置工作就像一個魅力。謝謝！ –

這個問題已經回答了多次。這裏是解決方案：

.one,.two, .three,.four 
 
{ 
 
    display:inline-block; 
 
    vertical-align:middle; 
 
    width:25%; 
 
    text-align:center; /* This is not necessary.*/ 
 
    font-size:13px; 
 
} 
 
\t 
 
.allgauges 
 
{ 
 
    font-size:0; 
 
}

<div class="allgauges"> 
 
    <div class="one">1</div> 
 
    <div class="two">2</div> 
 
    <div class="three">3</div> 
 
    <div class="four">4</div> 
 
</div>

來源

2017-04-24 18:09:18 AHBagheri

你如何在頁面上水平居中放置一個div（帶有子div）？

回答

相關問題