HTML中表格楼吃、文字躲叼、圖像等元素都有使用到align屬性,align屬性主要是影響設(shè)置元素的水平對(duì)齊方式凭疮,給表格哮奇、文字膛腐、及圖像等元素設(shè)置align屬性,其表現(xiàn)形式是不一致的鼎俘。
給表格元素設(shè)置align屬性:
測(cè)試.png
通過(guò)測(cè)試我們發(fā)現(xiàn)哲身,對(duì)于表格元素table、tr贸伐、td勘天、th都是可以有效設(shè)置align屬性的,設(shè)置的效果是使得各表格元素內(nèi)的內(nèi)容(一般為文本,也可以是圖片等)水平偏移误辑。
給圖片元素設(shè)置align屬性
通過(guò)簡(jiǎn)單測(cè)試我們可以看出沧踏,我們給圖片元素設(shè)置align屬性時(shí),當(dāng)設(shè)置align屬性值為left或者right時(shí)巾钉,圖片左飄或右飄翘狱,當(dāng)我們?cè)趫D片后加上文字時(shí),效果類(lèi)似于左浮動(dòng)或者右浮動(dòng)砰苍,當(dāng)然類(lèi)似浮動(dòng)效果的是潦匈,當(dāng)align屬性設(shè)置為center時(shí),圖片也無(wú)法漂浮到中間赚导,我們可以利用這一特性來(lái)進(jìn)行圖文混排茬缩。
給文字設(shè)置align屬性
-
文字設(shè)置align屬性
通過(guò)測(cè)試我們可以看出,給<span></span>吼旧、<font></font>等包裹 文字的行內(nèi)容器設(shè)置align屬性是沒(méi)有效果的凰锡,而給div、p等包裹文字的塊級(jí)元素設(shè)置align屬性則是有效果的圈暗,會(huì)使得文本在水平方向上左移掂为、右移或者居中。
現(xiàn)在已經(jīng)不推薦使用align屬性了员串!
注意:不同的瀏覽器以及同一瀏覽器的不同版本對(duì) align 屬性的某些值的處理方式是不同的勇哗。
注意:HTML 4.01 不推薦使用 align 屬性,XHTML 1.0 Strict DTD 不支持該屬性寸齐,同時(shí) HTML 5 也不再支持該屬性欲诺。
瀏覽器支持
雖然不贊成使用 align,但是幾乎所有瀏覽器都支持該屬性渺鹦。
兼容性注釋
- 不贊成使用 align 屬性和 <center> 標(biāo)簽
HTML 4 和 XHTML 中不再推薦使用所有標(biāo)準(zhǔn)中的 align 屬性扰法,當(dāng)然包括 img 的 align 屬性,以便使用樣式表海铆。同時(shí)不再使用 <center> 標(biāo)簽迹恐。
然而挣惰,該屬性及標(biāo)簽在 HTML 創(chuàng)作者中非常流行卧斟,并且現(xiàn)在流行的瀏覽器都能很好地支持它們。所以憎茂,雖然我們期望 align 和 <center> 將來(lái)有一天會(huì)消失珍语,但還需要等待很長(zhǎng)一段時(shí)間。