如何將兩個div並排居中放置？

看：http://jsfiddle.net/Ak334/如何將兩個div並排居中放置？

我試圖把div的div_vagas_disponiveis和div_percentual_vagas並排，並alining在div fieldset的中心。我錯過了什麼？

2012-03-08 Vinicius Ottoni

刪除不相關的廢話。 – Qtax 2012-03-08 12:58:45

試試這個：

#div_vagas_disponiveis { 
    display: inline-block; 
} 
#div_percentual_vagas { 
    display: inline-block; 
}

這裏工作：http://jsfiddle.net/Ak334/3/

好運！

編輯：如果發現這個黑客對谷歌http://jsfiddle.net/Ak334/9/

：

display: inline-block; /* FF2*/ vertical-align: top; /* BASELINE CORRECCIÓN*/ zoom: 1; /* IE7 (hasLayout)*/ *display: inline; /* IE */ _height: 20px; /* IE6 */

，我檢查它在Chrome，IE7和IE8

這

立即選中此是我找到它的鏈接（用西班牙語）：

顯示請例子，當210

http://ferticidio.com/display-inline-block-para-ie-y-los-demas-navegadores

來源

2012-03-08 12:53:33 MCSI

這在FF中正常工作，但不是在IE8中，爲什麼？在IE8中的 – 2012-03-08 13:18:31

對我來說工作正常......讓我看看IE7 – MCSI 2012-03-08 13:25:28

IE8是否理解* hack？我想不是，除非它是在compat（ie7）模式。此外，不確定縮放的效果如何：display：inline-block將haslayout置爲true，並將其設置回顯示：inline不會撤消Haslayout。 – stommepoes 2012-03-08 15:53:14

試試這個：

http://jsfiddle.net/Ak334/2/

<div style="width:270px;margin:0px auto;">

來源

2012-03-08 12:33:43

我不能使用固定寬度。 – 2012-03-08 12:39:03

@ViniciusOttoni你的櫃檯不會有100％的寬度 - 它不是標尺。你應該給他們一些最大wsith - 或使用Javascript ..... – 2012-03-08 12:44:57

爲什麼你不能使用固定寬度？這應該是一個響應式佈局？用em或rem寬度/％寬度來表示em。您需要將某種寬度設置爲div_vagas_disponieveis和div_percentual_vegas，否則瀏覽器會假定這些div的寬度爲100％。 – cschneider27 2012-03-08 12:50:40

使用下面的CSS

#fieldset div // you should think about changing id "fieldset is a HTML tag" 
{ 
    display:inline-block; 
}

來源

2012-03-08 13:11:26

如何將兩個div並排居中放置？

回答

相關問題