input、select等表单元素的对齐问题
2016-04-21 15:46
423 查看
今天在写页面时,发现了一个问题,当INPUT、SELECT及用图片做的button放在一起(并排放一起)时,没法子对齐,自己以不愿再加其他代码。也不愿使用JS来实现图片button的效果,试好半天,发现原来一个vertical-align:middle就可搞定。
归纳如下:
1、.INPUT和图片按钮对齐:
<form method="post" action="ccc.asp">
<input type="text" name="title" onfocus="this.value=''" value="请输入单词">
<input type=image src="/img/dict.gif" align="absmiddle">
</form>
也可以在按钮的样式里面加入:vertical-align:middle;
2.INPUT和文字对齐
定义INPUT的样式,input {vertical-align:middle;},这样文字就会和INPUT框对齐。
3.以此类推,SELETE框等都如此
可以在全局CSS中定义:input,select{vertical-align:middle;} 省的后面麻烦。
归纳如下:
1、.INPUT和图片按钮对齐:
<form method="post" action="ccc.asp">
<input type="text" name="title" onfocus="this.value=''" value="请输入单词">
<input type=image src="/img/dict.gif" align="absmiddle">
</form>
也可以在按钮的样式里面加入:vertical-align:middle;
2.INPUT和文字对齐
定义INPUT的样式,input {vertical-align:middle;},这样文字就会和INPUT框对齐。
3.以此类推,SELETE框等都如此
可以在全局CSS中定义:input,select{vertical-align:middle;} 省的后面麻烦。
相关文章推荐
- cocoaPod 使用
- java大数据学习笔记(四) 并发集合
- RN(react native)入坑指南-09,单元学习小结
- 关于vs2010调用python中Py_Initialize函数报错的原因
- Serializable与Parcelable
- OpenCV中CV_IS_MAT_CONT(src->type & dst->type) 的含义!
- 正则表达式中多行匹配问题
- JS中的自定义属性
- Python字符串部分源码分析
- [g2o]一个备忘
- UEditor使用
- 《Python核心编程 》笔记-第二章+第三章
- mongodb中的ObjectId类型主键
- 社保公积金查阅
- 【解题报告】BestCoder Round #77 (div.2)
- linux内核调试工具Kprobes
- 经典算法——堆排序笔试题
- 一种利用形态学处理的图像增强方法
- 智能插座那些事儿
- Android 4.4以上拍照或者从图库选择图片,获取图片路径