Latest web development tutorials

HTML img align 屬性

HTML img 標籤參考手冊 HTML <img>標籤

實例

設置文本中的圖像的對齊方式:

<p>这是一些文本。 <img src="smiley.gif" alt="Smiley face" width="42" height="42" align="middle"> 这是一些文本。</p>

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持align 屬性。


定義和用法

HTML5不支持<img> align屬性。 請使用CSS代替。

在HTML 4.01中,<img>的align屬性已廢棄

align 屬性規定了圖像相對於周圍元素的對齊方式。

<img> 元素是內聯元素(不會在頁面上插入新行),這意味著文本和其他元素可以圍繞在其周圍。 所以,align 屬性可以幫助我們規定圖像相對於周圍元素的對齊方式。


兼容性註釋

在HTML 4.01 中,<img> 的align 屬性已廢棄。 請使用CSS 代替。

CSS 語法:<img style="float:right">

CSS實例:向右浮動圖像

在我們的CSS教程中,您可以找到更多有關float屬性的細節。


語法

<img align="left|right|middle|top|bottom">

屬性值

描述
left 把图像对齐到左边。
right 把图像对齐到右边。
middle 把图像与中央对齐。
top 把图像与顶部对齐。
bottom 把图像与底部对齐。


HTML img 標籤參考手冊 HTML <img>標籤