0

この質問はさまざまな形でさまざまな形で尋ねられたに違いありませんが、私はかなり検索していて、答えを見つけることができなかったので、私の質問をしました。

私はdiv幅の固定高さを持ち、100％幅を伸ばしています。

内部には、親と同じ高さの2つのdivがあり、さまざまな幅があり、合計で親の幅よりも小さくなっています。

これらのdivは、親の中央に配置され、隣り合っている必要があります。text-align: center;を使用してdivの1つを中央に配置できますがmargin: 0px auto;、もう1つはラインを壊します。私がそれらをfloat: left;またはに取得した場合right、それらは中央に配置されません。

私が必要とするもの（親の中の2つの要素）：

###############################################################
#                |  El. ||         El.       |                #
#                |  A   ||         B         |                #
#                |      ||                   |                #
###############################################################

そして、親の中に3つの要素があった場合：

###############################################################
#       |  El. ||         El.       ||       El.      |       #
#       |  A   ||         B         ||       C        |       #
#       |      ||                   ||                |       #
###############################################################

よろしくお願いします。

4

3 に答える 3

1

2つの内部divを含むようにdivを追加してみましたか？次に、自動マージンで中央揃えにし、text-align：center;を設定できるはずです。同じように。それでもdivがスタックする場合は、display：inlineを試してください。

于 2013-01-28T16:49:18.040 に答える
0

問題のdivを次のように表示してみてください

display: inline;
于 2013-01-28T16:46:44.937 に答える
0

すべてを中央の div の span 要素に入れるだけです。

<div align="center" id="container">
    <span id="stuff">content</span>
    <span id="more">more content</span>
</div>
于 2013-01-28T17:18:41.397 に答える