1比如我在div里面書寫了一些文字，然后想要在放入一張圖片，這時候小伙伴可能會直接想到img標(biāo)簽，其實這個想法是錯誤的2首先，我們應(yīng)該先給div設(shè)置寬度和高度，保證文字有一個范圍3然后通過background給div添加一張。

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

比較簡單的做法就是，將他們放置一個盒子內(nèi)，你想讓文字跟圖片居中，那么不一定要讓圖片當(dāng)文字的參照物，而是讓他們在大盒子內(nèi)居中，不需要太復(fù)雜的框架結(jié)構(gòu)，只需要利用樣式的屬性即可，并且各個瀏覽器都會正常顯示，代碼如下。

lthtml 代碼修改成這樣就可以了，把幾個IMG分別裝到列表里面，然后定義一下這個列表的樣式即可 文字部分用了一下p標(biāo)簽，給內(nèi)容分一下行，代碼看起來會規(guī)范一些另外，img標(biāo)簽是不需要閉合的，我把ltimg給刪掉了。

要將三張圖片放在一行，并在下方添加文字，可以使用HTML和CSS來實現(xiàn)以下是一個示例代碼lt！DOCTYPE html lthtml lthead ltstyle container display flex * 使用彈性布局 * flexwrap wrap * 換行 *。

新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltimg src=quotsmall3pngquot ltspanhello imageltspan3瀏覽器運行indexhtml頁面，此時成功在圖片右邊寫了文字“hello image”。

使用代碼的方法，在圖片上加字怎么做到呢 在html文件中，先建立一個div，然后在里面設(shè)置一個圖片和文字h1，如圖所示 現(xiàn)在打開后的樣式是這樣的，如圖，圖片在上，文字在下 然后對h1進(jìn)行簡單修飾，對文字大小fontsize和文字。