css样式让input垂直居中
2020-02-03 04:47
1001 查看
css样式让input垂直居中
css代码:
.div1{
border: 1px solid #CCC;
width:1120px;
height:40px;
margin:auto;
display: table;
*position: relative;
overflow: hidden;
}
.div2 {
vertical-align: middle;
display: table-cell;
*position: absolute;
*top: 50%;
}
.div3 {
*position: relative;
*top: -50%;
float:right;
padding-right:10px;
}
html代码:
<div class="div1"> <div class="div2"> <div class="div3"> <input type="text" size="30"> </div> </div> </div>
转载于:https://www.cnblogs.com/cnsevennight/p/4349968.html
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- css样式让input垂直居中
- CSS样式使DIV盒子垂直水平居中
- IE6 div最小高度去除方法以及IE6div垂直居中css样式
- css样式实现左边的固定宽度和高度的图片或者div跟随右边高度不固定的文字或者div垂直居中(文字高度超过图片,图片跟随文字居中,反之文字跟随图片居中非table实现)
- css3实现div中的input表单垂直居中 display:flex
- 用CSS让img input select button 图片,文本框,下拉菜单,按扭垂直居中的方法
- css样式—字体垂直、水平居中
- CSS样式使DIV盒子垂直水平居中
- DIV实现input垂直居中 兼容IE6和Firefox
- 表单元素input、按钮、文字完美垂直居中对齐方法
- CSS样式设计小技巧(水平居中,垂直居中)
- CSS样式,实现子标签在父标签中水平和垂直居中
- td中同时存在input和图片时,图片或input不能垂直居中
- DIV中图片垂直居中的css样式
- input文本框等垂直居中的最简单办法!!
- 解决移动端input中placeholder无法垂直居中的问题
- CSS_input 垂直居中
- 文字居中input文字垂直居中
- css样式--将大小不固定的图片或文字段 垂直居中
- ios中 input 焦点光标不垂直居中