HTML img align 屬性

2018-11-16 18:49 更新

HTML <img> align 屬性

HTML img 標(biāo)簽參考手冊(cè) HTML <img> 標(biāo)簽

實(shí)例

設(shè)置文本中的圖像的對(duì)齊方式:

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

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


定義和用法

HTML5 不支持 <img> align 屬性。請(qǐng)使用 CSS 代替。

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

align 屬性規(guī)定了圖像相對(duì)于周圍元素的對(duì)齊方式。

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


兼容性注釋

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

CSS 語(yǔ)法:<img style="float:right">

CSS 實(shí)例:向右浮動(dòng)圖像

在我們的 CSS 教程中,您可以找到更多有關(guān) float 屬性的細(xì)節(jié)。


語(yǔ)法

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

屬性值

描述
left 把圖像對(duì)齊到左邊。
right 把圖像對(duì)齊到右邊。
middle 把圖像與中央對(duì)齊。
top 把圖像與頂部對(duì)齊。
bottom 把圖像與底部對(duì)齊。


HTML img 標(biāo)簽參考手冊(cè) HTML <img> 標(biāo)簽
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)