關於 input 文本垂直對齊

關於input 文本垂直不對齊的解決方案:

頁面:

                  <div id="serachTyleContext" >
                
                  </div>

 動態添加 :

$("#serachTyleContext")
    .html("<div class=\"wtitle mb10\" style=\"width:254px;height:28px;float:left;\"><input  id=\"searchUserName\" class=\"big_input bindClickTitle\"  style=\"width:250px;height:28px;\" name=\"searchUserName\" value=\""+JS_INPUT_USERNAME+"\"  οnfοcus=\"removeOld('searchUserName'); \" οnblur=\"addOld('searchUserName'); \"/></div>"
    +"<div class=\"wtitle mb10\" style=\"width:254px;height:28px;float:left;margin-left:25px;\"><input  id=\"searchContent\"  class=\"big_input bindClickTitle\" style=\"width:250px;height:28px;\" name=\"searchContent\" value=\""+JS_INPUT_CONTENT+"\" οnfοcus=\"removeOld('searchContent');\" οnblur=\"addOld('searchContent'); \" /> </div>"
      + "<div class=\"wtitle mb10\" style=\"width:78px;height:30px;float:left;margin-left:42px;\"><a class=\"shar_btn2 fr\"   href=\"javascript:void(0);\" οnclick=\"doWbSearch(); return false;\" ><span>"+JS_WEIBO_SEARCH+"</span></a> </div>");

樣式:

.wtitle{background:#fff;border:1px solid #ccc;height:30px;}

.mb10{margin-bottom:10px;}

.wtitle .big_input{border:none;outline:none;background:none;color:#aaa; height:30px;line-height:30px;width:500px;padding-left:8px;font-size:14px;}

.bindClickTitle


 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章