在前端開發(fā)中，CSS 是不可或缺的一部分。除了布局和樣式設(shè)計(jì)之外，CSS 還可以用來(lái)添加和放置圖片。而且，在 CSS 中，圖片和文字可以很方便地結(jié)合使用，在同一行或同一塊中實(shí)現(xiàn)圖片放在文字的左側(cè)或右側(cè)。

首先，我們可以通過(guò)以下代碼來(lái)設(shè)置圖片和文字處于一行中:

<div class="image">
<img src="image.png" alt="圖片">
<p>這里是文字。</p>
</div>
<style>
.image {
display: flex;
align-items: center;
}
img {
margin-right: 10px;
}
</style>

通過(guò)這段代碼，我們將div元素的display屬性設(shè)置為flex，這樣img和p元素就可以在同一行中，align-items屬性設(shè)置為center，可以使圖片和文字在垂直方向上居中對(duì)齊，img元素的margin-right屬性則可以調(diào)整圖片和文字之間的間距。

此外，我們還可以將圖片放到文字的左側(cè)或右側(cè)。代碼如下：

<div class="image">
<p>這里是文字。</p>
<img src="image.png" alt="圖片">
</div>
<style>
.image {
display: flex;
align-items: center;
}
img {
margin-left: 10px;
}
p {
margin-right: 10px;
}
</style>

通過(guò)這段代碼，我們將img元素的margin-left屬性設(shè)置為10px，這樣圖片就會(huì)位于文字的右側(cè)，而p元素的margin-right屬性則可以調(diào)整文字和圖片之間的間距。

以上是兩種常見(jiàn)的圖片和文字結(jié)合的方式，當(dāng)然還有其他更多的方法，可以通過(guò) CSS 實(shí)現(xiàn)。在實(shí)際開發(fā)中，需要根據(jù)具體的需求和頁(yè)面結(jié)構(gòu)進(jìn)行選擇。