CSS控制文字位置在圖片右側(cè)的方法

在CSS中，我們可以使用浮動(dòng)（float）屬性將文字放置在圖片的右側(cè)，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<div>
    <img src="image.jpg" alt="圖片" />
    <p>這是一段文字，將在圖片的右側(cè)顯示。</p>
</div>

CSS代碼：

img {
    float: left; /* 將圖片放置在左側(cè) */
}
p {
    clear: right; /* 清除右側(cè)的浮動(dòng)，使文字能夠顯示在圖片的右側(cè) */
}

在這個(gè)示例中，圖片被設(shè)置為浮動(dòng)到左側(cè)，而段落則被設(shè)置為清除右側(cè)的浮動(dòng)，這樣，段落中的文字就會(huì)顯示在圖片的右側(cè)。

這種方法僅適用于圖片和文字在同一行的情況，如果圖片和文字不在同一行，那么這種方法可能無(wú)法正常工作，在這種情況下，您可能需要考慮其他布局方法，如使用flexbox或grid布局。