水平對齊div

試圖水平對齊三個浮動div，出於某種原因，我得到了第二個和第三個div的上升。試圖讓所有這三個內聯。水平對齊div

任何想法

<style type="text/css"> 
#main { 
vertical-align: middle; 
alignment-adjust: middle; 
} 
.floater { 
    float:left; 
} 
</style> 
</head> 

<body> 
<div id="main"> 
<div class="floater"><select name="test"></select> 
</div> 
<div class="floater"><select name="test"></select> 
</div> 
<div class="floater"><select name="test"></select> 
</div> 

</div>

來源

2013-05-30 ICW

它似乎運作良好？ [jsFiddle]（http://jsfiddle.net/6Remc/1/） –

裏面的主要DIV，加上單排和3個單元格的表。將各個div放入每個單元格內。

來源

2013-05-30 15:54:27 Lakshman

您的代碼似乎是工作，但這裏是這樣做的另一種方式：

<style type="text/css"> 
    .floater { 
     display:inline; 
    } 
    </style> 

    </head> 

    <body> 
    <div id="main"> 
    <div class="floater"><select name="test"></select> 
    </div> 
    <div class="floater"><select name="test"></select> 
    </div> 
    <div class="floater"><select name="test"></select> 
    </div> 

    </div>

例：JSFIDDLE

來源

2013-05-30 16:04:06 konnection

它可能與一些額外的CSS有關。我通過Dreamweaver運行它，它對我最初的代碼工作正常。但對抗工作燈，它會像樓梯步驟一樣增加額外的div。我可能需要用！重要來覆蓋它！ – ICW

它可能是工作燈配置問題，請嘗試與其他編輯器確保它不是您的CSS樣式。 – konnection

回答

相關問題