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

Posted 2020-09-06 喜爱糖葫芦

• 效果

• 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             }