1

没有：

  • 在那里添加任何标记元素；
  • 不使用display: inline-block;
  • 不知道 div 的宽度；
  • 没有黑客。代码应该验证。

我们如何才能将这三个 div 水平居中，但将它们设为 INLINE？

http://jsfiddle.net/mMPMh/

请注意： 我避免的原因inline-block在于 IE7 应该表现得很好。其他不适用于 IE 7 的规则也应该被忽略。

是否可以 ？

4

2 回答 2

4

像这样 - http://jsfiddle.net/mMPMh/10/

或者这个 - http://jsfiddle.net/mMPMh/14/？这个适用于 IE7

至于黑客，可以使用条件语句来提供服务，例如

<!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->

或者在您的 HTML 上使用它（来自 HTML5BP）

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

并提供这样的风格：

.lt-ie8 #one,
.lt-ie8 #two,
.lt-ie8 #three {
    display:inline;
    zoom:1;
}

没有黑客

于 2012-09-25T09:32:41.783 回答
0

UPD：更新您的问题后，您可以使用 IE display:inline;，也许它会解决您的问题？

像这样 - http://jsfiddle.net/mMPMh/4/？

float如果需要高度和宽度，请移除、设置清除并给出。

于 2012-09-25T09:25:40.160 回答