網(wǎng)頁中的內(nèi)容填充主要是一個(gè)矩形區(qū)域,控制內(nèi)容的對齊方式是很有必要的。div+CSS中有兩個(gè)樣式屬性可用于控制網(wǎng)頁內(nèi)容的對齊:text-align和vertical-align。下面就隨小編了解一下二者的用法和區(qū)別。
網(wǎng)頁中的內(nèi)容填充主要是一個(gè)矩形區(qū)域,控制內(nèi)容的對齊方式是很有必要的。div+CSS中有兩個(gè)樣式屬性可用于控制網(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)容樣式的時(shí)候,如果是水平居中就使用text-align:align,反之如果是垂直居中使用text-align + vertical-align。
河南億恩科技股份有限公司(1tcdy.com)始創(chuàng)于2000年,專注服務(wù)器托管租用,是國家工信部認(rèn)定的綜合電信服務(wù)運(yù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