css中使input输入框与img(图片)在同一行居中对齐

雪花徐徐飘下,如芦花,似柳絮,像轻悠悠的鹅毛,无尽无休地飘着,飘着,宛如那美丽的银蝶在院中翩翩起舞,又像一群穿白纱裙的小舞女,伴着天空传来的仙乐,轻轻盈盈地在空中飘舞着,旋转着,跳着动人的舞蹈。那么轻快的身影,那么飘逸的舞姿,每一片晶莹的雪花都像一曲婉转、悠扬、清新的轻音乐,都仿佛是一首轻快、和谐、明丽的小诗。哦,神奇的小雪花……

将input和img放同一行,img标签总是比input高出一个头,难看。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性,这个方法似乎的确可行,但是不符合HTML标准。后来发现同时给input和img添加vertical-align:middle就行:

在写css时,使得input和img在同一行居中对齐的方法:

复制代码
代码如下:

img{vertical-align:middle;}

input{width:宽度;height:高度;line-height:与高度一致;margin:0px;padding;0px;font-size:字体大小;border:边框;vertical-align:center;}

或直接这样写

复制代码
代码如下:

input,img{vertical-align:middle;}

本文css中使input输入框与img(图片)在同一行居中对齐到此结束。没有音乐,生活是一种遗憾,没有爱心,生命是一种多佘。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
CSS如何实现 Google Material Design 文本输入框风格(推荐)

CSS3提交意见输入框样式代码

css3如何实现input输入框颜色渐变发光效果代码

填写表单的时候如何如何实现输入框里面字母大写转小写

文本输入框 文字左移输入示例代码