CSS設(shè)置文字自動(dòng)換行

在CSS中，我們可以使用word-break屬性來(lái)設(shè)置文字自動(dòng)換行，這個(gè)屬性定義了當(dāng)文本太長(zhǎng)而無(wú)法在當(dāng)前行中容納時(shí)，瀏覽器應(yīng)該如何處理。

word-break屬性有以下幾個(gè)值：

1、normal：這是默認(rèn)值，表示瀏覽器會(huì)自動(dòng)在單詞間進(jìn)行換行。

2、break-all：表示在任何位置都可以進(jìn)行換行，包括單詞內(nèi)部。

3、keep-all：表示只在單詞間進(jìn)行換行，而不會(huì)打斷單詞。

如果我們有一個(gè)段落元素，我們可以這樣設(shè)置：

p {
  word-break: break-all;
}

這樣，該段落中的文字會(huì)自動(dòng)換行，即使單詞被打斷。

需要注意的是，如果文本中的單詞太長(zhǎng)，超出了容器的寬度，無(wú)論設(shè)置什么值，瀏覽器都會(huì)自動(dòng)進(jìn)行換行，使用word-break屬性只是影響瀏覽器在單詞間的換行策略。

我們還可以使用text-align屬性來(lái)控制文本的對(duì)齊方式，如左對(duì)齊、右對(duì)齊或居中對(duì)齊。

p {
  text-align: center;
}

這樣，該段落中的文本就會(huì)居中對(duì)齊。

CSS提供了豐富的樣式設(shè)置選項(xiàng)，我們可以根據(jù)具體需求來(lái)定制文本的排版和樣式。