在CSS中，要實(shí)現(xiàn)兩行兩列的布局，可以使用多種方法，以下是一種簡(jiǎn)單的方法，使用Flexbox（彈性盒子）來實(shí)現(xiàn)：

1、為包含兩行兩列元素的容器設(shè)置display: flex;屬性，使其成為一個(gè)彈性容器。

2、使用flex-direction: rows;屬性將子元素排列成行。

3、為每行設(shè)置flex: 1;屬性，使其具有相同的寬度和高度。

4、在每個(gè)子元素內(nèi)部使用display: flex;屬性，并將其子元素排列成列。

以下是一個(gè)示例代碼：

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

.container {
  display: flex;
  flex-direction: rows;
}
.row {
  flex: 1;
  display: flex;
  flex-direction: columns;
}
.col {
  flex: 1;
}

在這個(gè)示例中，.container是包含兩行兩列元素的容器，.row代表每一行，.col代表每一列，通過Flexbox的flex屬性，我們可以輕松地實(shí)現(xiàn)兩行兩列的布局，而無需關(guān)心具體的寬度和高度設(shè)置，這種方法在響應(yīng)式設(shè)計(jì)中尤其有用，因?yàn)樗梢宰詣?dòng)適應(yīng)不同屏幕大小的設(shè)備。