CSS是一種用于樣式化網站的語言，其中包括了水平和垂直對齊的方法。在這里，我們將介紹這兩種方法，并提供示例代碼來幫助您更好地理解。
水平對齊：CSS提供了三種水平對齊方式：
text-align: center; /* 居中對齊 */ text-align: left; /* 左對齊 */ text-align: right; /* 右對齊 */
這些屬性可以應用于任何塊級元素，例如
和
標簽。例如：
Hello World!
This text is centered.
垂直對齊：垂直對齊方法較為復雜，但通常需要用到的是兩個最常用的方式：使用margin和padding屬性將元素垂直居中。
通過將元素的行高（line-height）和高度（height）設置為相同，則元素將相對于其父元素垂直居中對齊。考慮下面的例子：
.container {
height: 200px;
line-height: 200px;
text-align: center;
border: 1px solid grey;
}
.container p {
display:inline-block;
vertical-align: middle;
}這里，在容器類中，我們將容器的高度設置為200px，并將行高設置為200px。我們并將水平居中設置為文本。在段落元素中，我們必須使用display:inline-block;和vertical-align:middle;來讓它們垂直居中對齊。
總結：通過這些水平和垂直對齊方法，您可以設計出更具吸引力的網站。雖然這些樣式比較簡單，但它們是CSS樣式表中最基本的功能之一，對于創建專業的網站至關重要。
下一篇css中火狐的前綴