java文本框字体垂直居中_css样式让input垂直居中

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代码：

css样式之vertical-align垂直居中的应用

css样式之vertical-align垂直居中的应用:将图片垂直左右居中 元素垂直居中 1:必须给容器父元素加上text-align:center 2:必须给当前元素转换成行内块元素,display ...

css样式之input输入框默认样式

帮朋友写个简单的课程设计,后面会贴出来,项目刚开始就遇到一个坑(给input输入框设定样式,但是,点击后会出现蓝色边框),之前写其他的项目时也遇到过,百度一下资料解决了,现在又碰到了,写一下,留着备用 ...

CSS样式 vertical-align:middle 垂直居中生效情况

vertical-align:middle  是依赖div内子元素最高的行高来实现对某元素居中的 -------不存在浮动时可以直接生效垂直居中 HTML .box1{ display: table- ...

css样式水平居中和垂直居中的方法

水平居中(包含块中居中) 1. 定宽,左右margin为auto.(常规流块盒.弹性项目[不用定宽]) 例子:在box1盒子上设置宽,再设置margin:auto:

jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) , 它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safa ...

[JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

reference : http://www.suyunyou.com/aid1657.html jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后 ...

(转载)CSS分别设置Input样式(按input类型)

(转载)http://www.uml.org.cn/html/201207202.asp   当你看到这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框? ...

CSS分别设置Input样式(按input类型)

当你看到这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对.也许你可能想不到,这个小小的input竟然可以创造出10 ...

文字在div中水平和垂直居中的的css样式

文字在div中水平和垂直居中的的css样式 text-align:center; /*水平居中*/ line-height: 20px; /*行距设为与div高度一致*/ 示例如下: HTML元素 & ...

随机推荐

标准bootstrap html 页面

js 保留字符串中的关键字前后两个字符其他内容用省略号显示

...