问题

Question

我知道已经就此问题提出了很多很多的问题。让我详细说明一下：

我有这个：

aside {
display: inline-block; 
}

section {
display: inline-block; 
margin-left: 2em;
}

其中aside是左侧的块，section是右侧的块。我的整个表单包含两个块居中。它按预期在 Firefox ， chrome 上运行，但不在IE8上运行（当然...... ）。 IE8只是将两个块一个显示在另一个上（除了精确的部分）。

如何在IE8中使内联块工作

我尝试了什么

display: inline-block;
*display: inline;
*zoom: 1;

这是IE7及以下的黑客攻击，它不适用于IE8。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

或

<!DOCTYPE html>

没有任何区别。

我不想使用 float: left，因为它违背了让整个表单居中的目的..

Answer 1

尝试使用display:table和display:table-cell