標題：CSS中換多行
隨著互聯網的快速發展，網頁的設計也越來越多樣化。為了更好地滿足用戶的需求，許多網站都使用了CSS來設計網頁布局。在CSS中，我們可以使用`換行`屬性來將文本換行。
`換行`屬性的作用是將文本從當前行換到下一行。它有兩個值：`text-align：不換行`和`text-align：換行`。當使用`text-align：不換行`時，CSS將自動調整行高和間距，使文本不會換行到下一行。相反，當使用`text-align：換行`時，CSS將自動調整行高和間距，使文本會換行到下一行。
下面是一個使用`text-align：換行`的例子：
```css
text-align：換行；
在這個例子中，`h1`元素的`text-align`屬性被設置為`換行`，這樣`h1`元素中的文本就會換行到下一行。
除了`text-align`屬性外，我們還可以使用`display`屬性和`position`屬性來將文本換行。下面是一個使用`display: flex`和`position: relative`的例子：
```css
.flex-container {
display: flex;
flex-wrap: wrap;
.flex-item {
position: relative;
padding: 10px;
.flex-item:nth-child(1) {
background-color: #f2f2f2;
color: white;
text-align: center;
.flex-item:nth-child(2) {
background-color: #ddd;
color: white;
text-align: left;
在這個例子中，`.flex-container`元素被設置為`display: flex`，并使用`flex-wrap: wrap`屬性來控制文本的換行。`.flex-item`元素被設置為`position: relative`，并使用`padding`屬性來控制文本的對齊方式。第一個`.flex-item`元素的背景顏色被設置為白色，并將其居中對齊；第二個`.flex-item`元素的背景顏色被設置為黃色，并將其左對齊。
需要注意的是，在使用`display: flex`和`position: relative`時，我們還需要設置一個`align-items`和`align-content`屬性來使元素對齊。下面是一個使用`align-items: center`和`align-content: center`的例子：
```css
.flex-container {
display: flex;
flex-wrap: wrap;
align-items: center;
.flex-item {
align-content: center;
padding: 10px;
在這個例子中，`.flex-container`元素被設置為`display: flex`，并使用`flex-wrap: wrap`屬性來控制文本的換行。`.flex-item`元素被設置為`align-items: center`，并將其居中對齊；`align-content: center`屬性用于將文本的對齊方式設置為居中對齊。
總之，使用`換行`屬性可以使文本自動換行，而無需手動調整行高和間距。通過靈活的使用`display`屬性和`position`屬性，我們可以輕松地實現不同的文本布局效果。