在網頁設計中，文字和圖片的位置排布顯得尤為重要。對于CSS（層疊樣式表）而言，有很多可用來控制文字和圖片的位置的屬性。下面我們將一一介紹這些屬性及其用法。
1. text-align
text-align屬性控制文字在盒子內的位置。可以將其賦值為left、right、center、justify。比如，想讓一行文字居中顯示，可以如下進行代碼編寫：

p{
text-align:center;
}

2. display
display屬性可以控制元素的顯示方式。常見的值有block、inline、inline-block、none等。其中，inline和inline-block可以將圖片與文字并排顯示。如果需要讓圖片在段落的左側，文字在右側，可以這樣來給代碼賦值：

img{
display:inline-block;
vertical-align:middle;
}
p{
display:inline-block;
}

3. float
float屬性可以在HTML中使用圖片和文字排版時實現文字環繞圖片的效果。將圖片向右浮動，文字就會出現在圖片的左側。代碼如下：

img{
float:right;
}
p{
float:left;
}

4. position
position屬性可以用來移動元素的位置。它接受四個值：relative、absolute、fixed和sticky。其中，relative使元素相對于它原來的位置移動，而absolute使元素相對于父元素移動。還可以使用top、bottom、left、right等屬性對元素進行偏移量的調整。
5. z-index
z-index屬性控制元素在重疊時的顯示優先級。一個元素的z-index值越高，就越優先顯示。如果需要讓圖片在文字上方，可以將圖片的 z-index 值設置為大于文本的 z-index 值，比如：

img{
z-index:1;
}
p{
z-index:0;
}

以上就是一些關于CSS幫助我們設定文字與圖片位置的屬性介紹。希望這篇文章能幫助你對圖片與文字的排版有一個更好的了解。