網頁中的內容填充主要是一個矩形區域，控制內容的對齊方式是很有必要的。div+CSS中有兩個樣式屬性可用于控制網頁內容的對齊：text-align和vertical-align。下面就隨小編了解一下二者的用法和區別。

1、text-align

text-align是設置或檢索對象中文本的左中右對齊方式。

text-align語法及參數說明:

left : 左對齊 ，CSS內容居左(text-align:left)

right : 右對齊，CSS文字居右(text-align:right)

center : 居中，CSS居中（text-align:center）

*justify : 兩端對齊（不推薦使用，通常大部分瀏覽器不使用）,我們對text-align常用的參數值為left、right、center

2、vertical-align

vertical-align是用于指定元素的上下垂直對齊方式。

vertical-align語法及參數說明

top:將元素的頂部與當前行對齊。

middle:將元素的中心與當前行對齊。

bottom:將元素的底部與當前行對齊。

text-top：將元素的頂部與父元素的頂部對齊。

baseline：將元素的基線與父元素的基線行對齊。

text-bottom：將元素的底部與父元素的底部對齊。

綜上所述，大家在編輯網頁內容樣式的時候，如果是水平居中就使用text-align:align，反之如果是垂直居中使用text-align + vertical-align。

河南億恩科技股份有限公司(m.zuiquanben.com)始創于2000年，專注服務器托管租用，是國家工信部認定的綜合電信服務運營商。億恩為近五十萬的用戶提供服務器托管、服務器租用、機柜租用、云服務器、網站建設、網站托管等網絡基礎服務，另有網總管、名片俠網絡推廣服務，使得客戶不斷的獲得更大的收益。
服務器/云主機 24小時售后服務電話：0371-60135900
虛擬主機/智能建站 24小時售后服務電話：0371-55621053
網絡版權侵權舉報電話：0371-60135995
服務熱線：0371-60135900