使用vertical-align实现input和img对齐_HTML/Xhtml_网页制作
程序员文章站
2022-03-31 12:26:25
...
将input和img放同一行,img标签总是比input高出一个头,非常难看。之前试过好多方法,都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性,这个方法似乎的确可行,但是不符合HTML标准。后来无意中发现同时给input和img添加vertical-align:middle就行:
input,img{vertical-align:middle;}
这样代码就会规规矩矩地水平对齐了。
复制代码
代码如下:input,img{vertical-align:middle;}
这样代码就会规规矩矩地水平对齐了。
上一篇: app上传图片
推荐阅读
-
使用vertical-align实现input和img对齐_HTML/Xhtml_网页制作
-
使用vertical-align实现input和img对齐_HTML/Xhtml_网页制作
-
form的OnSubmit和input type=image使用介绍_HTML/Xhtml_网页制作
-
html4和html5区别之如何在一个input上添加焦点实现代码_HTML/Xhtml_网页制作
-
使用trigger方式实现不用点击file类型的input弹出文件选择对话框_HTML/Xhtml_网页制作
-
使用trigger方式实现不用点击file类型的input弹出文件选择对话框_HTML/Xhtml_网页制作
-
input文本框和img验证码对齐问题(img总比input高出一个头)_HTML/Xhtml_网页制作
-
html4和html5区别之如何在一个input上添加焦点实现代码_HTML/Xhtml_网页制作
-
form的OnSubmit和input type=image使用介绍_HTML/Xhtml_网页制作
-
input文本框和img验证码对齐问题(img总比input高出一个头)_HTML/Xhtml_网页制作