在網頁設計中,有時需要讓文字環繞在圖片周圍,這時我們可以使用CSS樣式來實現。
img{ float: left; /* 圖片向左浮動 */ margin-right: 10px; /* 圖片右側留出10px的空白 */ }
以上代碼中,我們設置了圖片向左浮動,并在圖片右側留出了10像素的空白。接下來,我們需要對文本進行相應的設置,使其環繞在圖片周圍。
p{ text-align: justify; /* 對齊方式為兩端對齊 */ text-indent: 2em; /* 首行縮進2個字符 */ }
以上設置中,我們使用了text-align屬性,將對齊方式設置為兩端對齊。這樣一來,在圖片右側的文本區域就會自動分配到左側的空白處,從而達到文字環繞圖片的效果。
上一篇php cur并發
下一篇css 設置字體的位置