在CSS中，將圖片放在一行通常涉及使用CSS的顯示屬性（display）和浮動(dòng)（float）屬性，以下是一些示例代碼，展示如何實(shí)現(xiàn)這一功能：

1、使用display: inline-block

HTML:

<div>
  <img src="image1.png" style="display: inline-block;">
  <img src="image2.png" style="display: inline-block;">
  <img src="image3.png" style="display: inline-block;">
</div>

CSS:

div {
  width: 100%; /* 確保圖片在一行內(nèi)顯示 */
}
img {
  vertical-align: middle; /* 垂直對(duì)齊圖片 */
}

2、使用float: left

HTML:

<div>
  <img src="image1.png" style="float: left;">
  <img src="image2.png" style="float: left;">
  <img src="image3.png" style="float: left;">
</div>

CSS:

div {
  clear: both; /* 清除浮動(dòng) */
}
img {
  vertical-align: middle; /* 垂直對(duì)齊圖片 */
}

3、使用flex布局

HTML:

<div style="display: flex;">
  <img src="image1.png">
  <img src="image2.png">
  <img src="image3.png">
</div>

CSS:

div {
  justify-content: flex-start; /* 圖片在一行內(nèi)從左到右排列 */
}
img {
  vertical-align: middle; /* 垂直對(duì)齊圖片 */
}

這些示例展示了如何在CSS中輕松地將圖片放在一行，你可以根據(jù)自己的需求選擇***適合的方法。