html頁(yè)面居中顯示圖片的簡(jiǎn)單介紹
ltimg src=quot2gifquot 這是圖片的代碼 你可以這樣寫他們的寬高ltimg src=quot2gifquot width=quot300quot height=quot300quot alt=quot我是圖片哦!quot還有加上alt注釋了!讓圖片局中是讓圖片在什么地方局。
工具原料 html+css 代碼編輯器DreamweaverCS5 方法步驟 新建一個(gè)html文件,命名為testhtml,用于講解用css怎么讓一張圖片在網(wǎng)頁(yè)中居中顯示請(qǐng)點(diǎn)擊輸入圖片描述 在testhtml文件內(nèi),使用div標(biāo)簽創(chuàng)建一個(gè)模塊,并設(shè)置模塊。
所以通常圖片高,文字低,不能水平居中對(duì)齊,如下3再次編輯ahtml,加入以下css代碼hlong *displayinlineblockverticalalignmiddle保存 4再次使用瀏覽器訪問ahtml頁(yè)面,效果如圖是不是很簡(jiǎn)單呢。
在使用HTML繪制頁(yè)面的時(shí)候,適當(dāng)?shù)膱D文編排可以使內(nèi)容更具有吸引力,下面就介紹下使HTML中圖片居中的簡(jiǎn)單辦法 01 打開記事本或者其他的代碼編輯器,新建一個(gè)HTML文件,如下圖 02。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。