當(dāng)在網(wǎng)頁中插入圖片時，我們通常希望圖片的下面或者旁邊能夠和文字緊密地排列在一起，讓頁面更加美觀。為了實現(xiàn)這一效果，我們可以利用CSS的一些屬性來讓文字緊跟在圖片后面。
首先，在HTML文檔中，我們需要使用標(biāo)簽來插入圖片，例如：

<img src="image.jpg" alt="這是一張圖片">

接著，我們可以給這個標(biāo)簽添加CSS樣式來設(shè)置圖片的大小和位置。例如，我們想要圖片的寬度為300像素，高度自適應(yīng)，可以這樣寫：

img {
width: 300px;
height: auto;
}

然后，我們可以給圖片添加標(biāo)簽，將圖片包裹起來，使其成為一整塊區(qū)域。例如：

<span class="image-container">
<img src="image.jpg" alt="這是一張圖片">
</span>

接著，我們可以給標(biāo)簽添加CSS樣式，來設(shè)置這個包含圖片的整塊區(qū)域的樣式。例如，我們可以設(shè)置這個標(biāo)簽的display屬性為inline-block，讓它既可以像行內(nèi)元素一樣排列在文字旁邊，又可以設(shè)置寬度和高度。代碼如下：

.image-container {
display: inline-block;
width: 300px;
height: auto;
}

最后，我們還需要設(shè)置文本的樣式和布局，來讓它緊跟在圖片后面。我們可以使用float屬性來設(shè)置圖片的浮動方向，讓文字可以排列在其旁邊。例如，我們想要文本緊貼在圖片右側(cè)，可以這樣寫：

.text {
float: left;
margin-left: 20px;
}

上述代碼中，我們使用了margin-left屬性來設(shè)置文本和圖片之間的距離，以避免它們過于擠在一起。
綜上所述，我們可以通過以上代碼，讓圖片和文本緊密地排列在一起，從而實現(xiàn)更加美觀的網(wǎng)頁設(shè)計。