當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS设置段落的水平对齐

發(fā)布時間：2025/3/20 CSS 43 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS设置段落的水平对齐小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

CSS設置段落的水平對齊

? ? ? ? ? CSS設置段落的水平對其方式

? ? ? ? ??CSS中通過屬性text-align來設置段落的水平對其方式，可以設置為左、中、右和兩端對齊等，控制段落文字的對齊，和word中一樣的方便。

<html><head><title>水平對齊</title><style></style></head><body>這個段落采用左對齊的方式，text-align：left，因此文字都采用左對齊。 床前明月光，疑是地上霜。 舉頭望明月，低頭思故鄉(xiāng)。 李白這個段落采用右對齊的方式，text-align：right，因此文字都采用右對齊。 床前明月光，疑是地上霜。 舉頭望明月，低頭思故鄉(xiāng)。 李白這個段落采用居中對齊的方式，text-align：center，因此文字都采用居中對齊。 床前明月光，疑是地上霜。 舉頭望明月，低頭思故鄉(xiāng)。 李白這個段落采用左對齊的方式，text-align：justify，因此文字都采用左對齊。床前明月光，疑是地上霜。舉頭望明月，低頭思故鄉(xiāng)。 李白</body> </html>

? ? ? ? ??如上代碼，分別使用了text-align屬性的四個值，分別實現(xiàn)了左對齊、右對齊，居中對齊和兩端對齊的效果。

《新程序員》：云原生和全面數(shù)字化實踐50位技術專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的CSS设置段落的水平对齐的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。