例
在文本中間對齊圖像:
<p>This is some text. <img src="smiley.gif" alt="Smiley face" align="middle"> This is some text.</p>
試一試» 定義和用法
的align屬性指定根據周圍的元件的圖像的對準。
在<img>元素是內嵌元素(它不插入頁面上一個新行),這意味著文本和其他元素可以圍繞它包裝。 因此,它可以是有用的,根據周圍的元素指定圖像的對準。
瀏覽器支持
屬性 | |||||
---|---|---|---|---|---|
align | 是 | 是 | 是 | 是 | 是 |
該align屬性已過時,但在所有的主流瀏覽器仍然支持。
兼容性說明
該align的屬性<img>不支持HTML5。 使用CSS來代替。
對於圖像對準中間,頂部或底部使用的CSS屬性vertical-align 。
對於圖像對準左邊或右邊使用CSS屬性float 。
句法
<img align="left|right|middle|top|bottom">
屬性值
值 | 描述 |
---|---|
left | 圖像對齊到左側 |
right | 圖像對準在正確的 |
middle | 對齊圖像在中間 |
top | 對齊圖像的頂部 |
bottom | 對齊圖像的底部 |