站長資訊網(wǎng)
html5中讓圖片居中的屬性是“align”，align屬性可定義圖像相對于周圍元素的水平和垂直對齊方式，當(dāng)值為“middle”，可把圖像與中央對齊；語法“<img src="圖片地址" align="middle" />”。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
html中讓圖片居中的屬性是“align”。
<img> 標(biāo)簽的 align 屬性定義了圖像相對于周圍元素的水平和垂直對齊方式。
當(dāng) align 屬性的值為“middle”時(shí)，可把圖像與中央對齊：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h2>未設(shè)置對齊方式的圖像：</h2> <p>圖像 <img src="/i/eg_cute.gif"> 在文本中</p> <h2>已設(shè)置對齊方式的圖像：</h2> <p>圖像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中底部對齊</p> <p>圖像 <img src="/i/eg_cute.gif" align="middle"> 在文本中中央對齊</p> <p>圖像 <img src="/i/eg_cute.gif" align="top"> 在文本中頂部對齊</p> <p>請注意，bottom 對齊方式是默認(rèn)的對齊方式。</p> </body> </html>
align 屬性支持的值：
| 值 | 描述 |
|---|---|
| left | 把圖像對齊到左邊 |
| right | 把圖像對齊到右邊 |
| middle | 把圖像與中央對齊 |
| top | 把圖像與頂部對齊 |
| bottom | 把圖像與底部對齊 |
