CSS實現文字與圖片并列排版

在網頁設計中，我們經常需要將文字與圖片并列排版，以豐富頁面的內容，使用CSS可以實現這一需求，下面介紹具體的方法。

1、使用CSS的float屬性

float屬性可以將元素浮動到容器的左側或右側，從而實現文字與圖片的并列排版，我們可以將圖片設置為左浮動，將文字設置為右浮動：

img {
  float: left;
}
p {
  float: right;
}

2、使用CSS的display屬性

display屬性可以指定元素的顯示類型，我們可以將圖片和文字的顯示類型分別設置為block和inline-block：

img {
  display: block;
}
p {
  display: inline-block;
}

3、使用CSS的vertical-align屬性

vertical-align屬性可以指定元素的垂直對齊方式，我們可以將文字與圖片的對齊方式設置為middle：

img {
  vertical-align: middle;
}
p {
  vertical-align: middle;
}

通過以上三種方法，我們可以實現文字與圖片的并列排版，在實際應用中，我們可以根據具體的需求選擇適合的方法。