42 lines
1.0 KiB
Markdown
42 lines
1.0 KiB
Markdown
|
---
|
|||
|
|
title: Img Align Attribute
|
|||
|
|
localeTitle: Img对齐属性
|
|||
|
|
---
|
|||
|
|
## Img对齐属性
|
|||
|
|
|
|||
|
|
图像的align属性指定图像应根据周围元素对齐的位置。
|
|||
|
|
|
|||
|
|
属性值：
|
|||
|
|
右 - 将图像右对齐 left - 将图像对齐到左侧
|
|||
|
|
顶部 - 将图像对齐到顶部
|
|||
|
|
bottom - 将图像对齐到底部
|
|||
|
|
中 - 将图像对齐到中间
|
|||
|
|
|
|||
|
|
例如：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<title>Img Align Attribute</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<p>This is an example. <img src="image.png" alt="Image" align="middle"> More text right here
|
|||
|
|
<img src="image.png" alt="Image" width="100"/>
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
如果我们想要，我们也可以正确对齐：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<p>This is another example<img src="image.png" alt="Image" align="right"></p>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**请注意HTML5中不支持align属性，您应该使用CSS代替。但是，它仍然受到所有主流浏览器的支持。**
|
|||
|
|
|
|||
|
|
#### 更多信息：
|
|||
|
|
|
|||
|
|
[关于img标签及其属性的MDN文章](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img)
|