1

わかりましたので、私は持っています

    <div id='1'></div>
    <div id='2'></div>
    <div id='3'></div>

各 div には 1 つの単語のみが入ります。各divの幅を自動にしたい

text-align: center; を使用して、#2 の単語を画面の中央に配置したいと考えています。#1 の単語は #2 のすぐ左側に表示され、#3 は #2 のすぐ右側に表示されます。

しばらくの間、別のcssを試してきましたが、効果がありません。

誰かが簡単な答えを持っていることを願っています。

4

4 に答える 4

2

すべての div を左にフロートするだけです。順番に表示されます。

<style>
  .my-dvis {
    float:left;
    width:33.33%;
    margin:0;
    padding:0;
    border:none;
  }
</style>

<div class="my-divs"></div>

<div class="my-divs"></div>

<div class="my-divs"></div>
于 2013-08-20T00:52:02.913 に答える
1

text-align: centerインライン要素にのみ適用されます。

jsfiddle

HTML

<div class="left">1</div>
<div class="middle">2</div>
<div class="right">3</div>

CSS

body { text-align: center; }

div { display: inline-block; }
于 2013-08-20T01:58:59.380 に答える
0

フローティング id=1 を左に、フローティング id=3 を右に試しましたか?

于 2013-08-20T00:53:01.623 に答える