在CSS中，您可以使用相對定位（relative positioning）或***定位（absolute positioning）將圖片和文本放置在一起，相對定位允許您相對于當(dāng)前元素的位置進(jìn)行定位，而***定位則允許您相對于整個(gè)文檔的位置進(jìn)行定位。

下面是一個(gè)使用相對定位將圖片和文本放置在一塊的例子：

<div style="position: relative;">
    <img src="image.jpg" style="position: relative; top: 0; left: 0;">
    <p style="position: relative; top: 50px; left: 0;">這是一段文本</p>
</div>

在這個(gè)例子中，圖片和文本都相對于div元素進(jìn)行定位，圖片位于div的頂部，文本則位于圖片的下方。top屬性用于控制圖片和文本之間的垂直距離。

如果您希望文本始終位于圖片的下方，無論圖片的大小如何變化，您可以使用***定位：

<div style="position: relative;">
    <img src="image.jpg" style="position: absolute; top: 0; left: 0;">
    <p style="position: absolute; top: 100%; left: 0;">這是一段文本</p>
</div>

在這個(gè)例子中，圖片和文本都相對于整個(gè)文檔進(jìn)行定位，圖片位于文檔的頂部，文本則位于文檔的底部。top屬性設(shè)置為100%，表示文本始終位于圖片的下方。

使用***定位時(shí)，元素的寬度和高度不會自動調(diào)整以適應(yīng)內(nèi)容，您需要確保圖片和文本的大小適應(yīng)您的布局需求。