html圖像元素的對(duì)齊屬性align

2012/11/17 16:16:35作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

圖像和文字之間的對(duì)齊是通過(guò)align屬性來(lái)設(shè)定的，align的對(duì)齊方式有兩種：即絕對(duì)對(duì)齊和相對(duì)對(duì)齊。絕對(duì)對(duì)齊方式的效果和文字一樣，只有3種：居中(middle)、居左(1eft)、居右（right)。相對(duì)對(duì)齊方式是指圖像與一行文字的相對(duì)位置。

【基本語(yǔ)法】

【語(yǔ)法介紹】

(1)與其他元素不同的是圖像的align屬性既包括水平對(duì)齊方式，又包括垂直對(duì)齊方式。
(2)align的默認(rèn)值為bottom。
在該語(yǔ)法中，align的取值如表所示。

屬性的屬性值定義
屬性                      描述
bottom                圖片的底部和當(dāng)前行的文字底部對(duì)齊
top                       圖片的頂端和當(dāng)前行的文字頂端對(duì)齊
middle                圖片水平中線(xiàn)和當(dāng)前行的文字中線(xiàn)對(duì)齊
left                       圖片左對(duì)齊
center                 圖片水平中線(xiàn)和當(dāng)前行的文字中線(xiàn)對(duì)齊
right                    圖片右對(duì)齊

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無(wú)標(biāo)題文檔</title>
</head>
<body>
<p><img src="5.1.5.jpg" width="290" height="206" align="left" />　　本公司從事空調(diào)行業(yè)已達(dá)10余年，主要經(jīng)營(yíng)空調(diào)技術(shù)領(lǐng)域技術(shù)服務(wù)，家用和商用空調(diào)售后維修、空調(diào)清洗、空調(diào)加氟（充氟、加氟里昂、加制冷劑）、空調(diào)移機(jī)、空調(diào)安裝、空調(diào)配遙控器、空調(diào)回收一條龍服務(wù)。 本公司技術(shù)力量雄厚，擁有一支具有實(shí)際經(jīng)驗(yàn)設(shè)計(jì)、安裝和維修保養(yǎng)的服務(wù)隊(duì)伍，有多年家用和商用空調(diào)專(zhuān)業(yè)維修經(jīng)驗(yàn)。我們熟悉各種空調(diào)設(shè)備的性能、維護(hù)與管理，具有優(yōu)良的專(zhuān)業(yè)技能和服務(wù)常識(shí)，并且接受專(zhuān)業(yè)課程的培訓(xùn)，確保各項(xiàng)服務(wù)質(zhì)量。公司規(guī)模完善，復(fù)蓋整個(gè)臨沂。專(zhuān)業(yè)承接：格力、海爾、春蘭、美的、海信、松下、LG、新科、現(xiàn)代、奧克斯、格蘭仕、華寶、東芝、澳柯瑪、志高、三菱重工等國(guó)內(nèi)外品牌空調(diào)的移機(jī)、維修、保養(yǎng)、加氟、安裝，以質(zhì)求量，薄利多銷(xiāo)。價(jià)格收費(fèi)標(biāo)準(zhǔn)全城最低，是您空調(diào)維修安裝時(shí)明智的選擇?？照{(diào)安裝與空調(diào)維修業(yè)務(wù)是我們多年潛心研究最專(zhuān)業(yè)的空調(diào)服務(wù)項(xiàng)目。在臨沂各地區(qū)都有網(wǎng)點(diǎn)，無(wú)節(jié)假日，24小時(shí)服務(wù)。時(shí)刻提供優(yōu)質(zhì)的空調(diào)維修，空調(diào)安裝，空調(diào)移機(jī)，空調(diào)加氟，空調(diào)清洗服務(wù)。技術(shù)過(guò)硬，實(shí)力雄厚。從客戶(hù)的角度出發(fā)，為客戶(hù)提供質(zhì)量高、價(jià)格低、及時(shí)快捷的服務(wù)。 <br />
</p>
<div align="center"></div>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標(biāo)記是設(shè)置對(duì)齊方式，設(shè)置圖像左對(duì)齊，在瀏覽器中預(yù)覽效果，可以看出圖像是左對(duì)齊，如圖所示。

圖像元素的對(duì)齊屬性align運(yùn)行效果