html5中讓圖片居中的屬性是“align”,align屬性可定義圖像相對(duì)于周圍元素的水平和垂直對(duì)齊方式,當(dāng)值為“middle”,可把圖像與中央對(duì)齊;語(yǔ)法“<img src=\”圖片地址\” align=\”middle\” />”。
本教程操作環(huán)境:windows7系統(tǒng)、html5版、dell g3電腦。
html中讓圖片居中的屬性是“align”。
<img> 標(biāo)簽的 align 屬性定義了圖像相對(duì)于周圍元素的水平和垂直對(duì)齊方式。
當(dāng) align 屬性的值為“middle”時(shí),可把圖像與中央對(duì)齊:
<!doctype html><html><head> <meta charset=\”utf-8\”> </head><body><h2>未設(shè)置對(duì)齊方式的圖像:</h2><p>圖像 <img src=\”//i/eg_cute.gif\”> 在文本中</p><h2>已設(shè)置對(duì)齊方式的圖像:</h2><p>圖像 <img src=\”//i/eg_cute.gif\” align=\”bottom\”> 在文本中底部對(duì)齊</p><p>圖像 <img src=\”//i/eg_cute.gif\” align=\”middle\”> 在文本中中央對(duì)齊</p><p>圖像 <img src=\”//i/eg_cute.gif\” align=\”top\”> 在文本中頂部對(duì)齊</p><p>請(qǐng)注意,bottom 對(duì)齊方式是默認(rèn)的對(duì)齊方式。</p></body></html>
align 屬性支持的值:
值描述left把圖像對(duì)齊到左邊right把圖像對(duì)齊到右邊middle把圖像與中央對(duì)齊top把圖像與頂部對(duì)齊bottom把圖像與底部對(duì)齊
相關(guān)推薦:《html視頻教程》