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

1、text-align

text-align是設(shè)置或檢索對(duì)象中文本的左中右對(duì)齊方式。

text-align語(yǔ)法及參數(shù)說(shuō)明:

left : 左對(duì)齊 ，CSS內(nèi)容居左(text-align:left)

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

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

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

2、vertical-align

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

vertical-align語(yǔ)法及參數(shù)說(shuō)明

top:將元素的頂部與當(dāng)前行對(duì)齊。

middle:將元素的中心與當(dāng)前行對(duì)齊。

bottom:將元素的底部與當(dāng)前行對(duì)齊。

text-top：將元素的頂部與父元素的頂部對(duì)齊。

baseline：將元素的基線與父元素的基線行對(duì)齊。

text-bottom：將元素的底部與父元素的底部對(duì)齊。

綜上所述，大家在編輯網(wǎng)頁(yè)內(nèi)容樣式的時(shí)候，如果是水平居中就使用text-align:align，反之如果是垂直居中使用text-align + vertical-align。

河南億恩科技股份有限公司(www.ypdoo.com.cn)始創(chuàng)于2000年，專注服務(wù)器托管租用，是國(guó)家工信部認(rèn)定的綜合電信服務(wù)運(yùn)營(yíng)商。億恩為近五十萬(wàn)的用戶提供服務(wù)器托管、服務(wù)器租用、機(jī)柜租用、云服務(wù)器、網(wǎng)站建設(shè)、網(wǎng)站托管等網(wǎng)絡(luò)基礎(chǔ)服務(wù)，另有網(wǎng)總管、名片俠網(wǎng)絡(luò)推廣服務(wù)，使得客戶不斷的獲得更大的收益。
服務(wù)器/云主機(jī) 24小時(shí)售后服務(wù)電話：0371-60135900
虛擬主機(jī)/智能建站 24小時(shí)售后服務(wù)電話：0371-55621053
網(wǎng)絡(luò)版權(quán)侵權(quán)舉報(bào)電話：0371-60135995
服務(wù)熱線：0371-60135900