在CSS中,文本對齊是一個非常常用的樣式屬性。其中,text-align屬性可以控制文本的水平對齊方式。不僅如此,text-align還可以讓我們控制元素中的文本換行方式。
{/* 設置text-align樣式為center并讓元素中的文本自動換行 */} .example { text-align: center; word-wrap: break-word; }
在上面的例子中,我們將text-align樣式設置為center。同時,使用word-wrap屬性讓超過元素寬度的文本自動換行。也可以使用word-break屬性來控制文本的斷行行為。
{/* 設置text-align樣式為justify并讓元素中的文本單詞換行 */} .example { text-align: justify; word-break: break-all; }
在這個例子中,我們使用text-align樣式設置了元素中的文本居左對齊,并且使用了一個新的屬性word-break來控制文本的斷行方式。當單詞超過寬度時,word-break將會把單詞拆分成多行以適應元素寬度。
總之,text-align屬性是一個非常強大的工具,可以讓我們輕松控制元素中文本的對齊方式和換行方式。只需極少的代碼,就能實現讓頁面看起來更漂亮的效果。
上一篇html源代碼打不開
下一篇css 左邊距 右邊距