淺談html css 文字圍繞圖片

來源:互聯網
上載者:User

要怎麼樣才能讓文字像流水,而圖片像流水中的一個石頭讓水流讓開?

你可以用table或者div設定若干個載體,但這樣肯定不是做為優秀程式員的您的做法。

img float屬性有3種屬性:left,right,none這裡不做詳細解釋。

代碼執行個體 一段文字中的一幅圖片

效果如下:

但是我們看起來圖片右邊的邊界比較擁擠。

這時候我們要在img中加入兩個屬性:

margin-right:   margin-bottom:

分別控制右邊和下邊的邊距。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.