文本將不會垂直對齊內部事業部無論什麼

inline-block的，表單元格，行高，等這一切沒有影響我的文字的對齊......文本將不會垂直對齊內部事業部無論什麼

HTML：

<div class="toolbar"> 
    <form> 
     <div class="search"> 
      <input type="text"> 
      <div class="remove">Clear</div> 
     </div> 
    </form> 
</div>

CSS：

.remove { 
    background: #fff; 
    display: inline-block; 
    color: #1E1E20; 
    position: absolute; 
    top: 50%; 
    margin-top: -16px; 
    left: calc(50% + 15px); 
    height: 32px; 
    padding: 0 4px; 
    line-height: 32px; 
    text-align: center; 
    vertical-align: middle; 
    font: 18px 'Open Sans'; 
}

我測試過無數的解決方案，並沒有什麼事S;對齊總是保持現在的樣子。

來源

2013-07-28 tenub

可能重複？ ]（http://stackoverflow.com/questions/489340/how-do-i-vertically-align-text-next-to-an-image-with-css） –

什麼形象？...... – tenub

你爲什麼反正使用div而不是按鈕？這就像用一個袋子當錘子一樣。是的，完全無稽之談。 – Areks

line-height: 32px是這裏的關鍵，但它越來越被下面的字體聲明重寫，所以你可以修改成：的[我如何垂直對齊旁邊的CSS圖片文字

font: 18px/32px 'Open Sans';

來源

2013-07-28 23:15:46

您是上帝。 :) – tenub

文本將不會垂直對齊內部事業部無論什麼

回答

相關問題