HTML <iframe> 标签的 align 属性 详解
HTML基础 2023-07-13 10:11:15小码哥的IT人生shichen
HTML <iframe> 标签的 align 属性
实例
右对齐的 iframe：
<iframe src ="/index.html" align="right">
<p>Your browser does not support iframes.</p>
</iframe>
完整实例【亲自试一试】：
<html>
<body>
<iframe src ="/index.html" width="400" height="300" frameborder="0">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
align 属性规定 iframe 相对于周围元素的水平和垂直对齐方式。
iframe 元素是行内元素（不会在页面上插入新行），这意味着文本和其他元素可以围绕在其周围。所以，align 属性可以帮助我们规定 iframe 相对于周围元素的对齐方式。
浏览器支持
尽管我们不赞成使用 align 属性，但是几乎所有浏览器都支持该属性。
兼容性提示
在 HTML 4.01 中，不赞成使用 iframe 元素的 align 属性，在 XHTML 1.0 Strict DTD 中，不支持该属性。
请使用 CSS 代替。
CSS 语法：<iframe style="float:right">
CSS 实例：
完整实例【向右浮动 iframe】：
<html>
<body>
<p>This is some text. This is some text. This is some text.
<iframe src ="/index.html" width="200" height="200" style="float:right">
<p>Your browser does not support iframes.</p>
</iframe>
This is some text. This is some text. This is some text.</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
在我们的 CSS 教程中，您可以找到更多有关 float 属性的知识。
语法
<iframe align="value">
属性值
| 值 | 描述 |
|---|---|
| left | 向左对齐 iframe。 |
| right | 向右对齐 iframe。 |
| middle | 居中对齐 iframe。 |
| top | 在顶部对齐 iframe。 |
| bottom | 在底部对齐 iframe。 |
