总结:我试图将两个元素集中在IE7中。
我不能修改元素的顺序,但是我希望第一个元素显示在第二个元素的右边,所以我已经将它们浮动了。
我还标记了inline-block
(使用IE7修复程序),以便text-align: center
可以应用。不幸的是,如果我将类.right
中的元素浮动到左侧,这似乎才有效。
代码如下:
<!DOCTYPE html>
<html>
<head>
<style>
#outer {
width: 100%;
text-align: center;
}
#wrapper {
display: inline-block;
*display: inline;
*zoom: 1;
}
.right { float: right }
</style>
</head>
<body>
<div id="outer">
<div id="wrapper">
<div class="right">Right</div>
<div class="right">Left</div>
</div>
</div>
</body>
</html>
有没有办法绕过这个而不诉诸我错过的JavaScript?