最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css中使用input与img(图片)在同一行居中对齐
时间:2022-06-25 09:38:46 编辑:袖梨 来源:一聚教程网
将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;}
相关文章
- Ruby on Rails中Rack中间件的基础学习教程 09-24
- OpenClaw多代理协同工作模式配置实用指南 09-24
- Ruby的面向对象方式编程学习杂记 09-23
- 解析proxy代理模式在Ruby设计模式开发中的运用 09-23
- 深入剖析Ruby设计模式编程中对命令模式的相关使用 09-23
- 详解组合模式的结构及其在Ruby设计模式编程中的运用 09-23