CSS中可以使用display: flex屬性將元素變成一排，以下是一個(gè)示例：

<div style="display: flex;">
  <div>元素1</div>
  <div>元素2</div>
  <div>元素3</div>
</div>

在這個(gè)示例中，display: flex屬性將div元素變成了一排，你可以根據(jù)需要調(diào)整元素的順序和數(shù)量。

如果你想要讓元素之間的間距更加均勻，可以使用justify-content屬性：

<div style="display: flex; justify-content: space-between;">
  <div>元素1</div>
  <div>元素2</div>
  <div>元素3</div>
</div>

在這個(gè)示例中，justify-content: space-between屬性將元素之間的間距均勻分配。

如果你想要讓元素之間的間距更加緊湊，可以使用justify-content: flex-start屬性：

<div style="display: flex; justify-content: flex-start;">
  <div>元素1</div>
  <div>元素2</div>
  <div>元素3</div>
</div>

在這個(gè)示例中，justify-content: flex-start屬性將元素之間的間距設(shè)置為緊湊。

在使用display: flex屬性時(shí)，元素的寬度和高度會(huì)自動(dòng)變?yōu)?code>auto，這意味著元素的寬度和高度將由內(nèi)容決定，如果你需要手動(dòng)設(shè)置元素的寬度和高度，請(qǐng)確保在使用display: flex屬性之前已經(jīng)設(shè)置了相應(yīng)的樣式。