CSS有多少對(duì)齊方式？
在Web開發(fā)中，經(jīng)常需要對(duì)網(wǎng)頁元素進(jìn)行對(duì)齊操作。CSS為我們提供了多種對(duì)齊方式，下面就讓我們來一一了解。
1. 水平對(duì)齊方式
(1) 左對(duì)齊（text-align:left）
這是默認(rèn)的對(duì)齊方式，在文本編輯器、Word處理器中也是如此。元素的內(nèi)容靠左對(duì)齊，右側(cè)留有空白。
(2) 居中對(duì)齊（text-align:center）
元素的內(nèi)容居中對(duì)齊，左右留有空白。
(3) 右對(duì)齊（text-align:right）
元素的內(nèi)容靠右對(duì)齊，左側(cè)留有空白。
(4) 兩端對(duì)齊（text-align:justify）
元素的內(nèi)容分散對(duì)齊，左右留有空白。通常用于文章排版，使得每一行的長度相等。
2. 垂直對(duì)齊方式
(1) 上對(duì)齊（vertical-align:top）
元素的頂部與父元素的頂部對(duì)齊。
(2) 居中對(duì)齊（vertical-align:middle）
元素的中心點(diǎn)與父元素的中心點(diǎn)對(duì)齊。
(3) 下對(duì)齊（vertical-align:bottom）
元素的底部與父元素的底部對(duì)齊。
(4) 基線對(duì)齊（vertical-align:baseline）
基線是元素中的文字基線，對(duì)于圖片等沒有基線的元素，以底部對(duì)齊。基線對(duì)齊通常用于行內(nèi)元素。
3. 其它對(duì)齊方式
(1) 左右對(duì)齊（float:left/right）
元素向左或向右浮動(dòng)，靠左或靠右對(duì)齊。
(2) 位移對(duì)齊（position:absolute）
元素相對(duì)于其父元素進(jìn)行位置偏移，可以通過top、bottom、left、right屬性進(jìn)行調(diào)整。
這些都是CSS提供的常用對(duì)齊方式。在實(shí)際開發(fā)中，可以通過組合、調(diào)整屬性值來達(dá)到更多的對(duì)齊效果。