-
可能很些朋友会发现一般情况下我们把css与input放在一起时会高低不同,下面我来介绍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;}
相关文章
- 12-20关于Unity发布的WebGL项目出现问题的解决方法和本地网站部署
- 12-20formData和input的file结合使用
- 12-20keil mdk+stm32的ac5和 ac6两个编译器下的字节对齐操作方法
- 12-20img标签实现和背景图一样的显示效果——object-fit和object-position
- 12-20select2和bootstrap模态框一起使用导致select2的input获取不到焦点问题
- 12-20div之间有间隙以及img和div之间有间隙的原因及解决方法
- 12-20修改 input / textarea placeholder 属性的颜色和字体大小
- 12-20html input 标签 的text和button类型 readonly和disabled属性
- 12-20jQuery设置input的disable属性,prop和attr的区别
- 12-20el-input的type=“number“ 隐藏上下标和禁止鼠标滚轮滚动