亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

HTML 參考手冊

HTML 標簽大全

HTML: <img> align 屬性

本文介紹HTML img align屬性根據(jù)周圍的元素指定圖像的對齊方式， <img>元素是一個內(nèi)聯(lián)元素（它不會在頁面上插入新行），這意味著文本和其他元素可以環(huán)繞它。因此，根據(jù)周圍元素指定圖像的對齊方式可能很有用。

 HTML <img> 標簽

在線示例

設(shè)置文本中的圖像的幾種對齊方式：

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> align 屬性 - 菜鳥教程 (cainiaoplus.com)</title>
<body>
<h2>align="bottom" (default):</h2>
<p>This is some text. <img src="haha.gif" alt="haha face" width="42" height="42"> This is some text.</p>

<h2>align="middle":</h2>
<p>This is some text. <img src="haha.gif" alt="haha face" width="42" height="42" align="middle"> This is some text.</p>

<h2>align="top":</h2>
<p>This is some text. <img src="haha.gif" alt="haha face" width="42" height="42" align="top"> This is some text.</p>

<h2>align="right":</h2>
<p>This is some text. <img src="haha.gif" alt="haha face" width="42" height="42" align="right"> This is some text.</p>

<h2>align="left":</h2>
<p>This is some text. <img src="haha.gif" alt="haha face" width="42" height="42" align="left"> This is some text.</p>
</body>
</html>
測試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

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

定義和用法

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

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

align屬性根據(jù)周圍的元素指定圖像的對齊方式。

<img>元素是一個內(nèi)聯(lián)元素（它不會在頁面上插入新行），這意味著文本和其他元素可以環(huán)繞它。因此，根據(jù)周圍元素指定圖像的對齊方式可能很有用。

兼容性注釋

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

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

CSS 示例：向右浮動圖像

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

語法

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

屬性值

值描述
left把圖像對齊到左邊。
right把圖像對齊到右邊。
middle把圖像與中央對齊。
top把圖像與頂部對齊。
bottom把圖像與底部對齊。
 HTML <img> 標簽