在網(wǎng)頁設(shè)計(jì)中，很多時(shí)候我們需要在圖片下方加上一些字，從而更好地表達(dá)圖片的含義或者提供更多的信息。這就需要用到CSS的定位技術(shù)。

最常用的方法是使用position屬性來實(shí)現(xiàn)定位。我們可以將圖片和文字都放在一個(gè)div容器中，然后分別設(shè)置圖片和文字的位置。這里我們設(shè)置圖片的position屬性為“relative”，表示相對于其原來的位置進(jìn)行定位；然后設(shè)置文字的position屬性為“absolute”，表示以父容器為參照物進(jìn)行定位。

</style>
.container {
position: relative; /* 設(shè)置父容器的position屬性為relative */
width: 300px;
}
.image {
width: 100%;
height: auto;
}
.text {
position: absolute; /*設(shè)置文字的position屬性為absolute*/
bottom: 0; /*設(shè)置文字與父容器底部對齊*/
left: 0; /*設(shè)置文字在父容器中的左側(cè)*/
width: 100%; /*設(shè)置文字寬度為父容器的100%*/
background-color: rgba(0,0,0,0.6); /*添加背景色，使文字更清晰*/
color: #fff;
padding: 10px;
}
</style>
<div class="container">
<img src="images/picture.jpg" alt="圖片">
<p class="text">這里是圖片下方的文字，可以添加任何需要的描述或者信息。</p>
</div>

需要注意的是，如果我們沒有設(shè)置父容器的position屬性為relative，那么文字的absolute定位是相對于整個(gè)頁面的；而設(shè)置了后，文字的absolute定位就是相對于父容器的。所以一定要注意設(shè)置好父容器的position屬性。

除了上述方法，還有很多其他的定位技術(shù)可以實(shí)現(xiàn)文字在圖片下方的效果，如使用flex布局等。根據(jù)不同的具體場景，我們可以選擇合適的方法來實(shí)現(xiàn)。