在網(wǎng)頁(yè)開(kāi)發(fā)中，很多時(shí)候我們需要將一張圖片與一段文字放在一起，使用CSS進(jìn)行布局。這種圖文布局雖然看起來(lái)簡(jiǎn)單，但實(shí)際上涉及到不少細(xì)節(jié)。以下是一些圖文布局的常見(jiàn)設(shè)置方法：

/* 設(shè)置圖片與文字的大小 */
img {
width: 50px;
height: 50px;
}
p {
font-size: 14px;
line-height: 1.5;
}
/* 圖片與文字設(shè)置為水平居中 */
.container {
display: flex;
align-items: center;
}
/* 設(shè)置圖片與文字之間的間距 */
.container img {
margin-right: 10px;
}

通過(guò)以上代碼，我們可以將一張50x50的圖片與一段14px的文字混排。我們使用了flex布局，讓圖片和文字都水平居中，并通過(guò)設(shè)置img元素的margin-right屬性，使圖片與文字之間保留10px的間距。

除了以上的設(shè)置，還有很多其他的圖文布局方式，比如將圖片作為文字的背景、在圖片上覆蓋文字等等。不同的布局方式需要對(duì)應(yīng)不同的CSS屬性和技巧，需要開(kāi)發(fā)者們根據(jù)實(shí)際情況進(jìn)行調(diào)整。