CSS中讓文字與圖片并排顯示的方法

在CSS中，我們可以使用浮動(dòng)（float）屬性來使文字與圖片并排顯示，以下是一個(gè)簡單的示例：

HTML代碼：

<div>
  <img src="image.jpg" alt="圖片" style="float: left; width: 200px; height: 200px;">
  <p style="float: right; width: 200px; height: 200px;">這是一段文字，它將與圖片并排顯示，由于我們設(shè)置了float屬性，這段文字會(huì)浮動(dòng)到圖片的右側(cè)，從而實(shí)現(xiàn)并排顯示的效果，我們也設(shè)置了寬度和高度屬性，以確保文字和圖片的大小相同，這樣看起來會(huì)更加美觀。
  </p>
</div>

在這個(gè)示例中，我們首先將圖片設(shè)置為浮動(dòng)到左側(cè)，并設(shè)置了寬度和高度屬性，我們將文字設(shè)置為浮動(dòng)到右側(cè)，并同樣設(shè)置了寬度和高度屬性，這樣，文字和圖片就會(huì)并排顯示，而且大小相同，看起來更加美觀。

需要注意的是，由于浮動(dòng)屬性會(huì)使元素脫離正常的文檔流，因此在使用時(shí)需要謹(jǐn)慎處理其他元素的位置和樣式，為了確保兼容性和可訪問性，建議在使用浮動(dòng)屬性時(shí)同時(shí)考慮其他布局方案。