如何将两个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并排居中放置？

回答

相关问题