HTML怎么把字弄到右邊 html文字怎么在圖片右邊？

2021-03-14

4309

html文字怎么在圖片右邊？1. 首先，準(zhǔn)備好圖片資料和文字語(yǔ)言。2. 添加CSS樣式的點(diǎn)綴，并將最外層大框的寬度居中。3. 現(xiàn)在圖片和文字是這樣排版的。4. 如果你想設(shè)置圖片和文字的左右，它只是定位

html文字怎么在圖片右邊？

1. 首先，準(zhǔn)備好圖片資料和文字語(yǔ)言。

2. 添加CSS樣式的點(diǎn)綴，并將最外層大框的寬度居中。

3. 現(xiàn)在圖片和文字是這樣排版的。

4. 如果你想設(shè)置圖片和文字的左右，它只是定位或浮動(dòng)。將浮動(dòng)效果添加到圖片塊和文本塊之后。

5. 如圖所示，添加浮動(dòng)后，文本部分被推到下線(xiàn)的右側(cè)，因?yàn)槲谋咎L(zhǎng)，無(wú)法使用。

6. 此時(shí)，將文本區(qū)域的寬度設(shè)置為最大范圍，如圖所示，并將寬度設(shè)置為450px。

7. 然后預(yù)覽效果圖，它將得到完美的解決。

需要準(zhǔn)備的材料有：電腦、瀏覽器和HTML編輯器。

1. 首先，打開(kāi)HTML編輯器并創(chuàng)建一個(gè)新的HTML文件索引.html.

2. 在索引.html在<body>標(biāo)記中，輸入HTML代碼：<imgsrc=“small3。Png “/><span&elloimage</span>。

3. 瀏覽器正在運(yùn)行索引.html此時(shí)，文本“Hello image”被成功地寫(xiě)在圖片的右側(cè)。

選擇使用非塊級(jí)元素（行內(nèi)塊或行內(nèi)元素），或?qū)K級(jí)元素設(shè)置為非塊級(jí)元素（顯示：行塊或行內(nèi)元素）顯示：線(xiàn)條)

下面是一個(gè)演示：擴(kuò)展：塊級(jí)元素、行內(nèi)塊元素和行內(nèi)元素之間的區(qū)別