• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > Div+Css >  css技巧九:文字和输正文

css技巧九:文字和输入框的垂直对齐

作者:网页模板
类型:文章教程
点击次数:
发布时间:2014-04-02 09:40
分享到:
先在IE内核下运行下面的代码:


提示:您可以先修改部分代码再运行

运行后我们发现,“网站模板”文字和input顶对齐,这不是我们想要的效果,我们希望文字和input垂直居中对齐,修改input的css如下即可解决:
<style style="text/css">
    div{border:1px solid red; line-height:50px; height:50px}
    input{height:30px; vertical-align:middle;}  /*vertical-align:middle;为垂直居中的意思*/
</style>

(责任编辑:网页模板)
  • 本文标签:
  • 文字和输入框垂直对齐
css技巧八:div浮动塌陷问题
CSS技巧十:给内容过长的文字加省略号