CSS樣式中的浮動可以讓圖片和文字在同一行顯示,通過設定圖片的浮動方向,可以在文字的左側(cè)或右側(cè)浮動圖片。
img { float: left; margin-right: 10px; }
其中,float: left;
設定了圖片向左浮動,margin-right: 10px;
設定了圖片距離右側(cè)文字的距離。
如果想讓圖片位于文字的右側(cè),只需要將float: left;
改為float: right;
即可:
img { float: right; margin-left: 10px; }
此時,margin-left: 10px;
設定了圖片距離左側(cè)文字的距離。