零基礎建站培訓教程介紹

當前位置:

CSS控制圖片與一段文字頂部對齊

在前面的建站教程中,我們介紹了CSS控制圖片和文字在同一行對齊顯示,下面我們來分享一下CSS控制圖片與一段文字頂部對齊方法。

做網站時,往往是在一段文字中插入一張圖片,我們如何讓網站中的一段文字與圖片頂部對齊呢?我們可以使用float屬性。代碼如下:

<img src="90.jpeg" width="100px" style="float:left;margin:10px" />

CSS控制圖片和文字在同一行對齊顯示

通過設置圖片為左浮動,就可以讓圖片位于整個區域名的左邊,文字處于圖片的右邊與圖片的頂部對齊。還可以通過設置margin屬性來設置圖片與文字之間的距離。

相關教程

發表評論

電子郵件地址不會被公開。 必填項已用*標注

學做網站論壇零基礎學建網站課程
黑龙江22选5走势图2008年