水平对齐

实例

下面的表单拥有两个输入字段以及一个图像形式的提交按钮：

<网页>
<主体>

<表单提交地址=“https://www.w3school.com.cn/example/html/form_action.asp“ 方法=“获取“>
<段落>名: <输入类型=“文本“ 名字=“fname“ /></段落>
<段落>姓: <输入类型=“文本“ 名字=“lname“ /></段落>
<输入类型=“图片“ 资源地址=“https://www.w3school.com.cn/i/eg_submit.jpg“ 替代=“提交“ 水平对齐=“右边“/>
<段落>
这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本。
</段落>
</表单>

<段落>请在这幅图像上单击，输入会发送到服务器上名为 “form_action.asp“ 的页面。</段落>

<段落>注释：如果类型属性设置为图片，当用户单击图像时，浏览器将以像素为单位，将鼠标相对于图像边界的偏移量发送到服务器，其中包括从图像左边界开始的水平偏移量，以及从图像上边界开始的垂直偏移量。</段落>

<段落>在超文本 4.01 中，不赞成使用输入元素的水平对齐属性。在 xhtml 1.0 strict dtd 中不支持该属性。请使用层叠样式表代替。</段落>

</主体>
</网页>

定义和用法

水平对齐属性只能与 <输入类型="图片"> 配合使用。它规定图像输入相对于周围其他元素的对齐方式。

浏览器支持

只有 "左" 和 "右" 值得到所有浏览器的支持。

兼容性注释

在超文本 4.01 中，不赞成使用输入元素的水平对齐属性。在 XHTML 1.0 Strict DTD 中不支持该属性。

请使用层叠样式表代替。

层叠样式表语法：<输入类型="图片" 样式="浮动：右边" />

例子：