CSS3 Row

CSS3 Row是一種利用flex布局實現的響應式柵格系統，它能夠讓網頁在不同屏幕尺寸下呈現不同的布局。

CSS3 Row的主要特點如下：

• 采用flex布局
• 響應式設計
• 支持自動換行
• 靈活的列寬設置

使用CSS3 Row，我們可以將一個容器分成若干行和列，如下所示：

<div class="row">
<div class="col">1</div>
<div class="col">2</div>
<div class="col">3</div>
</div>

以上代碼表示一個包含三個列的行。我們可以通過設置col類的flex屬性來控制每個列的寬度，如下所示：

.col{
flex: 1;
}

以上代碼表示每個列的寬度都相等，占據行寬的1/3。

CSS3 Row還支持設置不同的列寬，如下所示：

.col{
flex: 2;
}
.col:first-child{
flex: 1;
}

以上代碼表示第一個列的寬度是第二個列的一半。

CSS3 Row還支持自動換行，當容器寬度不足以容納所有列時，會自動將列折行顯示。

總之，CSS3 Row是一種非常方便實用的響應式柵格系統，可以幫助我們快速構建出適合不同屏幕尺寸的網站布局。