input输入框与图片不在同一行的解决办法
来源:互联网 发布:2018年淘宝卖什么好 编辑:程序博客网 时间:2024/04/29 21:33
在做input输入框与搜索图片(或者是验证码图片)的时候,发现总不能将他们设置为一行,其实有个特别简单的放就能解决
HTML 代码
<body>
<div><input name="" type="text" class="txtSearch" /> <img src="a.jpg" width="63" height="50" class="btnSearch" /> </div>
</body>
</html>
其实只要将input和图片都加上一个css:vertical-align:middle 就能成功解决了。
css代码如下:
.txtSearch{ vertical-align:middle; border:1px solid #999; width:200px; height:40px;}
.btnSearch{ vertical-align:middle;}
阅读全文
0 0
- input输入框与图片不在同一行的解决办法
- 解决输入框和按钮不在同一行的问题
- css中使input输入框与img(图片)在同一行居中对齐
- jquerymobile下label和input输入框小屏幕不在同一行显示
- css中使用input与img(图片)在同一行居中对齐
- 关于同一行图片文字居中与对齐的问题
- 在li标签中,如何让图片跟字体在不在同一行
- RadioButtonList和Label不在同一行
- struts2 标签导致 不在table 同一行
- android开发中DatePicker与TimePicker放在同一行的解决办法
- 同一行文字与文本框的距离
- 如何去除同一行的文本输入框和按钮间的间隙
- 同一行的元素,按钮和输入框对不齐的解决方法
- 文字与图片在同一行垂直居中问题
- Input输入框与图片对齐属性vertical-align:bottom
- 同一行的文本框和文字不能轴对称解决办法
- input输入框点击有边框的解决办法
- CSS让同一行文字和输入框对齐
- WOJ1046-Crazy Game
- execute、executeUpdate、executeQuery区别
- AD--vx
- PostgreSQL 权限信息表information_schema.table_privileges
- Android动画TimeInterpolator(插值器)和TypeEvaluator(估值器)分析
- input输入框与图片不在同一行的解决办法
- guard分支结构
- java线程里面获取bean
- 最新 macOS Sierra 10.12.3 安装CocoaPods及使用详解
- MyEclipse中上传项目到git&&MyEclipse中git操作
- PHP三元运算符的运算顺序
- ios ffmpeg audio decode
- printf格式化输出
- HQL和SQL的区别