1

これは私のコードです。私はそれらのdivをテーブルセルとして作成しました

<div class="logo">
text
</div>

<div class="stats" >
text
</div>

と私のCSS

.logo
{
    display:table-cell;
    width:420px;
}

.stats
{
    display:table-cell;
    width:200px;
}

floatを使用せずに、最初のdivを左に、2番目のdivを右に整列させることは可能ですか？または、コンテンツを左右に揃えるだけですか？

4

2 に答える 2

3

テーブルセルのようなあいまいな表示方法を使用するよりも、これを実行するためのはるかにクリーンな方法があります。通常、、、、またはblockで必要なことを実行できます。テーブルセルを必要とすることを何をしていますか？inlineinline-block

そうは言っても、できることがいくつかあります。これらの要素内のテキストまたはインラインコンテンツを整列させるには、text-align-leftまたは。だけrightです。divをネストしている場合は、のようなルールを適用できます.logo *{ float: left; }。

私はテーブルセル表示のダイナミクスに慣れていませんが、floatを使用せずに配置したい場合は、通常、andとposition: absolute;一緒にleft: 0px;行いright: 0px;ます。ただし、これには独自の問題があります。

于 2013-01-15T22:33:36.250 に答える
1

別の注意点として、floatを使用したパディングを使用して、テーブルの疑似効果を作成できます。「パディング+マージン+制約div」は、私にとって最適な配置属性であることがわかります。 " 問題。

于 2013-01-15T23:10:51.777 に答える