HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

« 解决打开Word2003文档很慢的方法解决ie6中padding值加倍的方法 »

input输入框、submit按钮、select等表单元素不对齐的解决方法

    今天在做网页的时候发现表单中的input输入框和submit按钮总是对不齐,处于上下错位状态,最终在网上找到解决方法,拿来做个备忘。

    1.input和图片按钮对齐:

    <form>
    <input type="text">
    <input type="image" src="htmer_img.gif" align="absmiddle">
    </form>

    也可以在按钮的样式里面加入:vertical-align:middle;

    2.input和文字对齐

    定义input的样式:input {vertical-align:middle;},这样文字就会和input框对齐。

    3.slelct框等都如此

    可以在css中定义:input,select{vertical-align:middle;}



欢迎转载,转载请注明:转载自HTMer [ http://www.htmer.com/ ]

本文链接地址:http://www.htmer.com/article/974.htm

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version