html - CSS 表格 Colspan

Question

好吧，我现在尽量不使用 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>  

您将在这里使用什么选择器来完成此操作？

Answer 1

我做了一个明显的假设，即您的标题将是第一行的第一个单元格并且具有.fleetCell该类。所以你可以:first-child像这样使用伪选择器选择第一个元素。

CSS

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

JS 小提琴示例