CSS 塊對齊 在網頁開發過程中，布局是一個非常重要的部分。當我們需要將多個塊元素排列在一起時，就會遇到需要對齊它們的情況。CSS 塊對齊提供了一種簡單而有效的解決方案。 CSS 塊對齊是一種CSS布局方式，它可以讓網頁開發人員通過CSS樣式控制頁面中的塊元素（如div，p，h1等）在頁面上的位置和間距。我們可以使用CSS的display屬性來實現塊對齊，這個屬性主要有三個值：inline，block和inline-block。 下面分別介紹這三個值的用法： 1. inline 使用這個屬性值，將元素變為行內元素，并按照正常文本一樣進行排列。這意味著它不會獨占一整行的空間，而是只占據它本身所需的空間。我們可以用以下代碼來實現：

p {
display: inline;
}

2. block 使用這個屬性值，將元素變為塊級元素，并獨占一行空間。這意味著它會在下一個元素前創建一個新的行，并在兩個元素之間添加換行符。我們可以用以下代碼來實現：

p {
display: block;
}

3. inline-block 使用這個屬性值，將元素變為行內塊元素。它可以像塊級元素一樣獨占一行空間，但是也可以像行內元素一樣進行排列。我們可以用以下代碼來實現：

p {
display: inline-block;
}

總結 在網頁開發時，塊對齊是一項非常重要的技巧，它可以讓我們更好地控制和布局頁面中的元素。以上介紹了display屬性的三個值，分別是inline，block和inline-block，可以根據實際需求選擇使用。希望本文對大家有所幫助。