首页 > 代码库 > APICloud学习笔记之input 在div 中垂直居中

APICloud学习笔记之input 在div 中垂直居中

  • 效果

技术分享

  • div
1 <header id="header">
2         <div class="left" tapmode onclick="fnOpenCitySelectorFrame();">                                   
3             <div class="city" id="city">北京市北京市北京市</div>
4             <div class="arrow" id="arrow"></div>
5         </div>
6         <div class="input-continer">
7             <input class="search" type="text" >
8         </div>               
9 </header>
  • css
1 .input-continer{
2                 text-align:center;
3                 margin-top:20px;
4                 float:left;
5                 background-color:#00897B;                
6                 vertical-align:middle;
7             }

 

APICloud学习笔记之input 在div 中垂直居中