ltdiv style=quottextalign centerquot ltimg src=quot圖片地址圖片名稱jpgquot ltp你要輸入的文字ltpltdiv如果圖片和文字在同個(gè)div內(nèi)，那就把div的css設(shè)置為textalign center；然后一個(gè)盒子裝著頭像和文字，把裝著頭像和文字 的盒子根據(jù)裝著圖片的盒子進(jìn)行定位就可以了，像這樣的其實(shí)很簡(jiǎn)單的，要多思考和分析 代碼，要注意圖片你要自己放圖片，和修改圖片路徑 lt！DOCTYPE html lthtml lthead ltm。

lthtml 這樣就會(huì)能夠?qū)⑽淖址旁趫D片的正下方，得到以下圖片文字位于正右邊的方法lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscal；可以以html為例，步驟一在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個(gè)同級(jí)，圖片和文字二在CSS中對(duì)文字圖片進(jìn)行簡(jiǎn)單樣式添加，效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字三。

比較簡(jiǎn)單的做法就是，將他們放置一個(gè)盒子內(nèi)，你想讓文字跟圖片居中，那么不一定要讓圖片當(dāng)文字的參照物，而是讓他們?cè)诖蠛凶觾?nèi)居中，不需要太復(fù)雜的框架結(jié)構(gòu)，只需要利用樣式的屬性即可，并且各個(gè)瀏覽器都會(huì)正常顯示，代碼如下；圖片下打文字把圖片放在div中，在div中圖片后面打字就可以 ltdivltimg src=quotaajpgquot ltbr文字ltdiv。

圖片默認(rèn)為內(nèi)聯(lián)元素，可以設(shè)置圖片為塊級(jí)元素，然后直接寫文字就可以在圖片下方了舉例img displayblock HTML代碼ltimg src=quot圖片路徑quot 這里是測(cè)試文字，可以在圖片下方。

html中圖片下放加文字怎么弄

lt！DOCTYPE htmllthtml ltheadltmeta。

1首先，打開html編輯器，新建html文件2其次在indexhtml中的標(biāo)簽，輸入代碼3最后瀏覽器運(yùn)行indexhtml頁面，此時(shí)文字成功浮動(dòng)到了圖片右上方了。

lttrlt！這里是一行 lttd ltimg src=quotgifquot lttd lttr lttrlt！這里是下一行 lttd 這里的文字在下方 lttd lttr lttable 不懂html語言的話。

1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltimg src=quotsmall3pngquot ltspanhello imageltspan3瀏覽器運(yùn)行indexhtml頁面，此時(shí)成功在圖片右邊寫。

html中圖片下放加文字怎么加

1、圖片下面加ltp標(biāo)簽即可，ltimg src=quot褲子jpgquotltaltpXXXltp。

2、圖片和文字的樣式可以根據(jù)需求進(jìn)行調(diào)整，例如圖片的間距padding文字的對(duì)齊方式textalign等你可以將示例代碼保存為一個(gè)HTML文件，將ltimg標(biāo)簽中的src屬性替換為你自己的圖片路徑，并在最后的ltp標(biāo)簽中添加自己的。

3、ltstyleltheadltbodyltimg src=quotpicjpgquotltspan我是文字ltspanltbodylthtml 二在開發(fā)工具里面的截圖三瀏覽器里面的效果截圖四總結(jié)一下這個(gè)是在body里面添加一下背景圖片，然后再建div就可以。

4、1在HTML中，使用position屬性給包含圖片和文字的容器元素div添加相對(duì)定位樣式2使用position屬性給文字元素添加絕對(duì)定位樣式3使用left和top屬性設(shè)置文字元素在圖片上的位置，將打招呼的文字定位在圖片旁邊即可。