1

それなし：

  • そこにマークアップ要素を追加します。
  • 使うことなくdisplay: inline-block;
  • div幅を知らずに;
  • ハックなし。コードは検証する必要があります。

これらの 3 つの 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 に答える