這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)html5中讓圖片居中的是哪個(gè)屬性呢,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
成都創(chuàng)新互聯(lián)主要為客戶提供服務(wù)項(xiàng)目涵蓋了網(wǎng)頁視覺設(shè)計(jì)、VI標(biāo)志設(shè)計(jì)、全網(wǎng)整合營(yíng)銷推廣、網(wǎng)站程序開發(fā)、HTML5響應(yīng)式網(wǎng)站建設(shè)、手機(jī)網(wǎng)站開發(fā)、微商城、網(wǎng)站托管及成都網(wǎng)站維護(hù)、WEB系統(tǒng)開發(fā)、域名注冊(cè)、國(guó)內(nèi)外服務(wù)器租用、視頻、平面設(shè)計(jì)、SEO優(yōu)化排名。設(shè)計(jì)、前端、后端三個(gè)建站步驟的完善服務(wù)體系。一人跟蹤測(cè)試的建站服務(wù)標(biāo)準(zhǔn)。已經(jīng)為成都服務(wù)器托管行業(yè)客戶提供了網(wǎng)站建設(shè)服務(wù)。
html5中讓圖片居中的屬性是“align”,align屬性可定義圖像相對(duì)于周圍元素的水平和垂直對(duì)齊方式,當(dāng)值為“middle”,可把圖像與中央對(duì)齊;語法“<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> <h3>未設(shè)置對(duì)齊方式的圖像:</h3> <p>圖像 <img src="/i/eg_cute.gif"> 在文本中</p> <h3>已設(shè)置對(duì)齊方式的圖像:</h3> <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ì)齊 |
上述就是小編為大家分享的html5中讓圖片居中的是哪個(gè)屬性呢了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)站標(biāo)題:html5中讓圖片居中的是哪個(gè)屬性呢
轉(zhuǎn)載來源:http://aaarwkj.com/article14/isgpde.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、品牌網(wǎng)站建設(shè)、電子商務(wù)、靜態(tài)網(wǎng)站、小程序開發(fā)、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)