0

要素内のフローティング コンテンツを取得するとtable-cell、次の「テーブル セル」のコンテンツの配置に影響します。フローティングエフェクトを削除しても。

こちらをご覧ください。

ここで、最後のセルの内容をフローティングにすると、すべてのセルの内容が下にシフトされます。

修正ではなく、その理由を教えてください。

4

2 に答える 2

0

固定: http://cssdesk.com/KLBzv

2つのこと:

  1. float: div と clear の間に float を入れずに左にします。または、何が必要かわかりません。

  2. すべてのセルには css vertical-align:top があり、このプロパティの数値は middle です

于 2013-10-30T13:54:35.820 に答える
0

修正するには:

のようになったtable-cellので、次を追加します。

<div class="cell aligntop">
</div>

<style type="text/css">
    .aligntop { 
        vertical-align: top;
    }
</style>

中央の要素に移動し、コンテンツを強制的に上部に配置する -デモ: http://cssdesk.com/2sY46

上に沿って整列

なぜこれが起こったのですか?

aのデフォルトの動作/垂直方向のtable-cell配置は次のとおりです。baselineしたがって、コンテンツは自然に下に押し出されます。.left特定の方法でコンテンツをプッシュするように要求しているクラスを適用するfloat: left;と、フロート後にテーブルセルの左上にキックインして隣接しますが、詳細については、vertical-align MDN リファレンスも参照してください。

于 2013-10-30T13:42:38.310 に答える