0

さて、私は可能な限りHTMLテーブルを使用しないようにしています。しかし、私はCSSテーブルを使用していますが、CSSテーブルにcolspanに相当するものがあるかどうか疑問に思っています.

私はこのコードを持っています

#fleetTable{display: table;width: 360px;margin: 0 auto;margin-top: 20px;font-size:.875em;float:left;}
    .fleetRow{display: table-row;}
    .fleetCell{display: table-cell;}

そしてこのHTML

<div id="fleetTable">
    <div class="fleetRow textright">
        <div class="fleetCell">Headline</div> <!-- I would like this to span both columns below but be centered -->
    </div>
    <div class="fleetRow textright">
        <div class="fleetCel;">Cell1</div>
        <div class="fleetCell">Cell2</div>
    </div>
</div>

これを実現するには、ここでどのセレクターを使用しますか?

4

1 に答える 1

1

あなたのヘッダーが最初の行の最初のセルになり、.fleetCellクラスを持つことを明確に仮定しています。:first-childしたがって、このような疑似セレクターを使用して、この最初の要素を選択できます。

CSS

.fleetCell:first-child{
   text-align:center;
}

JS フィドルの例

于 2013-09-13T20:53:58.683 に答える