在網(wǎng)頁設計中，文字與圖片的布局是非常重要的一環(huán)，這不僅僅會影響到頁面美觀度，更會直接影響到用戶的使用體驗。CSS可以很好的實現(xiàn)文字與圖片的布局，下面就介紹幾種常用的方法。

方法一：使用float屬性

float屬性是CSS中的一種布局方式，它可以使元素浮動在其容器的左側(cè)或右側(cè)，文字可以流動在其旁邊。

.img{
float:left;
margin-right:10px;
}

上述代碼可以將class為img的元素浮動在左側(cè)，并與文字進行布局，通過調(diào)整margin可以控制圖片與文字的距離。

方法二：使用position屬性

position屬性可以使元素脫離文檔流，可以通過設置該屬性來進行文字與圖片的布局。

.img{
position:relative;
left:50px;
}

上述代碼可以將class為img的元素向右移動50px，并與文字進行布局，同樣可以通過調(diào)整left的值來控制圖片與文字的距離。

方法三：使用display屬性

display屬性可以改變元素的顯示方式，其中inline-block使元素變成行內(nèi)塊狀元素，可以使其與其他元素進行水平對齊。

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

上述代碼可以將class為img的元素變成行內(nèi)塊狀元素，并讓其與文字居中對齊。

以上是常用的幾種方法，在實際使用中可以根據(jù)實際情況選擇合適的方式進行布局。