input 与button垂直差1px 在IE6下

clipboard.png

html<div class="search">
    <input class="search_input" type="text">
    <button class="search_btn ficon">搜</button>
</div>
css    .search {
      font-size: 0;
    }
    .search .search_input, .search .search_btn {
      vertical-align: top;
      background-color: #333;
      color: #999;
      zoom: 1;
      *display: inline;
    }
    .search .search_input {
      width: 140px;
      height: 30px;
      line-height: 30px\9;
      padding: 0 5px;
      border:none;
    }
    .search .search_btn {
      height: 30px;
      font-size: 24px;
      cursor: pointer;
      text-align: center;
      padding: 0 5px;
      line-height: 30px;
         border:none;
    }
    .search .search_btn:hover {
      color: #bcbcbc;
    }
阅读 2.6k
评论
    1 个回答

    试试 vertical-align:middle;

    或者改用float布局。就能对齐了。

      撰写回答

      登录后参与交流、获取后续更新提醒