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

1、text-align

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

text-align語法及參數(shù)說明:

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

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

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

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

2、vertical-align

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

vertical-align語法及參數(shù)說明

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

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

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

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

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

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

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

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