当前位置:编程学习 > html/css >>

关于网页设计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是什么意思

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,