CSS中的row和column指的是網頁布局中的行和列。這兩種布局在網頁設計中非常重要，可以完成網頁的基本布局。

先來看一下row布局。Row布局常常用于水平方向的排列。比如，我們想要把幾個按鈕水平排列，這時我們就可以使用row布局。如下代碼：

.container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.button {
width: 100px;
height: 50px;
}

其中，.container是按鈕的父元素，添加了display: flex屬性，表示使用flex布局。flex-direction: row屬性表示子元素水平排列，justify-content: space-between屬性表示子元素之間的間隔保持相等，不過兩端的元素會貼到容器的兩側，就像這樣：

+------------+------------+------------+
|   button   |   button   |   button   |
+------------+------------+------------+

接下來，讓我們來看一下column布局。Column布局常常用于垂直方向的排列。比如，我們想要把幾張圖片垂直排列，這時我們就可以使用column布局。如下代碼：

.container {
display: flex;
flex-direction: column;
align-items: center;
}
.img {
width: 200px;
height: 200px;
}

其中，.container是圖片的父元素，添加了display: flex屬性，表示使用flex布局。flex-direction: column屬性表示子元素垂直排列，align-items: center屬性表示子元素在容器中居中顯示，就像這樣：

+------------+
|    image   |
+------------+
|    image   |
+------------+
|    image   |
+------------+

總之，row和column是CSS中使用flex布局時經常用到的布局方式，它們讓網頁的布局變得多姿多彩，有趣且實用。