CSS3 -如何在internet-explorer-8中水平显示HTML5元素？

Question

我做了一个关于如何设置页面水平显示元素的教程，它在FF和Chrome上运行得很好，但在IE8中就不行了。

它在FF和Chrome中水平渲染元素，在IE8中垂直渲染元素。我想"box-orient: horizontal“会为IE8设置布局。

我知道IE8不支持很多HTML5和CSS3特性，但我已经在这个浏览器上使用PIE来显示圆角框了。我假设IE8会支持一个基本的特性，比如水平显示元素。

#box-wrap-inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;

    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;

}

#box1 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;

    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
}

#box2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;

    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

#box3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;

    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
}

Answer 1

根据MDN documentation的说法

Safari Explorer10和

支持旧的、不兼容的规范草案版本。它们尚未更新为支持最终版本。

如果IE10还没有正确完成它，你就不能在IE8中完成它。

Answer 2

新的善行都不起作用。使用特定于ie的样式表并浮动您的元素。

<!--[if lt IE 9]><style> /** css to make ie8 play nicely **/ </style> <![endif]-->

如果没有看到你的风格，我不能明确告诉你什么是to...but，这是一种行之有效的方式。别忘了清理你的浮点！