Html 如何在中间并排对齐两个div？

看：

我试着将div_vagas_disponiveis和div_percentual_vagas并排放置在div字段集的中心。我缺少什么？

试试这个：

试试这个：

试试这个：

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

以下是工作：

祝你好运

编辑：

现在检查一下：

如果在谷歌上发现此黑客：

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

我在chrome、IE7和IE8上检查它

这是我用西班牙语找到的链接：

试试这个：

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

以下是工作：

祝你好运

编辑：

现在检查一下：

如果在谷歌上发现此黑客：

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

我在chrome、IE7和IE8上检查它

这是我用西班牙语找到的链接：

使用以下CSS

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

使用以下CSS

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

---

@ViniciusOttoni您的计数器将没有100%宽度-它不符合逻辑。您应该为它们放置一些max wsith，或者使用Javascript……为什么不能使用固定宽度？这应该是一个响应性的布局吗？用或rem with/%with计算em。您需要将某些宽度设置为div_vagas_disponievis和div_percentual_vegas，否则浏览器将假定这些div的宽度为100%。有一种方法可以使用类似于display:inline block的方法来解决此问题，而不是将固定宽度？@ViniciusOttoni IMHO。但是我不认为所有的浏览器都支持它。也许我错了。试试看。@RoyiNamir是的。你说得对。MCSI的解决方案在IE8中不起作用。@ViniciusOttoni您的计数器将没有100%的宽度-它不具有逻辑性。您应该为它们放置一些max wsith，或者使用Javascript……为什么不能使用固定宽度？这应该是一个响应性的布局吗？用或rem with/%with计算em。您需要将某些宽度设置为div_vagas_disponievis和div_percentual_vegas，否则浏览器将假定这些div的宽度为100%。有一种方法可以使用类似于display:inline block的方法来解决此问题，而不是将固定宽度？@ViniciusOttoni IMHO。但是我不认为所有的浏览器都支持它。也许我错了。试试看。@RoyiNamir是的。你说得对。MCSI的解决方案在IE8中不起作用。请在显示示例时删除不相关的废话。请在显示示例时删除不相关的废话。IE8是否理解*hack？我想不会，除非是在兼容ie7模式下。另外，不确定缩放的目的是什么：display:inline块已经在元素上将haslayet设置为true，而将其设置回display:inline不会撤消haslayet。IE8理解*hack吗？我想不会，除非是在兼容ie7模式下。此外，不确定缩放的目的是什么：display:inline块已经将元素上的haslayout设置为true，而将其设置回display:inline不会撤消haslayout。