input文本框和验证码对齐问题解决
2014-04-08 21:08
253 查看
在制作网页过程中经常会将input 和 验证码放在同一行实现左侧输入右侧验证码,不过与此同时出现的一个问题是文本框和验证码的水平对齐问题。因为将 input 和 img 放在同一行,img标签总是比input高出一部分,非常惹人厌,不知道你们怎么想的,反正我看不下去~~~
下面是解决方法:
CSS实现input和img(验证码)水平对齐的方法
同时给input和img添加vertical-align:middle就行了
废话不多说,直接上代码:
(完)
下面是解决方法:
CSS实现input和img(验证码)水平对齐的方法
同时给input和img添加vertical-align:middle就行了
废话不多说,直接上代码:
input,img { vertical-align:middle; }
(完)
相关文章推荐
- input文本框和img验证码对齐问题
- input 文本框和 img 验证码对齐问题
- input 文本框和 img 验证码对齐问题
- chrome表单自动填充导致input文本框背景变成偏黄色问题解决
- 解决chrome浏览器表单自动填充导致input文本框背景变成偏黄色的问题
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- css解决input和img对齐的问题
- 解决input对齐问题vertical-alige
- 解决在火狐浏览器中文本框和按钮在同行显示不对齐问题
- 解决input对齐问题vertical-alige
- chrome表单自动填充导致input文本框背景变成偏黄色问题解决
- 解决烦人的img与input不能水平对齐的问题
- 解决input标签与图片按钮水平对齐问题
- chrome表单自动填充导致input文本框背景变成偏黄色问题解决
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- input文本框在实践中遇到的对齐问题
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- input文本框宽度设置100%时越界的解决方法
- Struts2访问验证码异常解决OgnlValueStack:64 - ..java.lang.NumberFormatException: For input string: "1494056190