关于网页设计CSS 文本垂直居中的问题
我现在做一个搜索框,怎么样才可以当鼠标点击进去光标在垂直居中的位置闪动,默认的是在top的位置闪动的,我知道可以用line-height 行高的方法实现这一点,但是我记得好像还有一个代码属性可以实现,就是说如何不用line-height行高来实现文字文本光标垂直居中呢?
我是初学者,请前辈指点!!!
<style type="text/css">
#search{
width:320px;
margin:0 auto;
padding:5px 0 0 5px;
height:36px;
background:#fcf;
}
#search .iujki{
width:260px;
height:26px;
float:left;
border:1px solid #F00;
vertical-align:middle;
line-height:26px;
}
#search .anniu{
width:50px;
height:30px;
background-color:#C33;
border:1px solid #903;
margin-left:2px;
}
</style>
</head>
<body>
<div id="search">
<div class="text"><input type="text" value="" class="iujki"/></div>
<div class="btn"><input type="button" value="搜索" class="anniu" /></div>
</div>
</body>
很急,在线等答案中!!!
答案:text-align:center;文本居中显示
vertical-align:middle;元素居中显示
height:45px;文本框高度
不管文本框高度多少默认的光标都是在文本框的中间的哦。
希望可以帮到你……
其他:用padding 我记得 vertical-align:middle
上一个:<LINK href="css/style<%=sysstyle%>.css" type=text/css rel=stylesheet> 这段代码的意思
下一个:css+div php+mysql是什么意思