HTML <legend> 标签的 align 属性 详解
HTML基础 2023-07-13 12:27:05小码哥的IT人生shichen
HTML <legend> 标签的 align 属性
实例
组合表单中的相关元素：
<form>
<fieldset>
<legend align="right">health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>
完整实例【亲自试一试】：
<html>
<body>
<form>
<fieldset>
<legend>健康信息：</legend>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</fieldset>
</form>
<form>
<fieldset>
<legend align="right">健康信息：</legend>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</fieldset>
</form>
<p>在 HTML 4 中不赞成使用 align 属性，在 XHTML Strict DTD 中，不支持该属性。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
align 属性规定 fieldset 中标题的对齐方式。
浏览器支持
所有浏览器都支持 align 属性的 "left" 和 "right" 值，除了 opera。"bottom" 值在所有浏览器中都不起作用。
兼容性注释
在 HTML 4 中，不赞成使用 align 属性；在 XHTML Strict DTD 中，不支持该属性。
语法
<legend align="value">
属性值
| 值 | 描述 |
|---|---|
| left | 对标题进行左对齐。 |
| right | 对标题进行右对齐。 |
| top | 对标题进行上对齐。 |
| bottom | 对标题进行下对齐。 |
