Question

我正在編寫一個具有按鈕負載的「until」應用程序。只要按鈕值不換行，佈局就可以。如果它被包裹到一條新線上，則按鈕之間的邊緣會被擰緊。

（如果只有單個文本行，它們對接起來很好。）

的按鈕通過定製的集合「喝」的對象循環產生：

  foreach (drink d in drinks) 
     { 
      buttons = buttons + "<input id='" + d.drinkID + "' class='drinkButton " + d.cssClass + "' type='button' value='" + d.name + "' />"; 
      if ((d.drinkID == 13) || (d.drinkID == 41)) 
      { 
       buttons = buttons + "<input id='0' class='drinkButton spacer' disabled='disabled' type='button' value='' />"; 
      } 
      if (d.drinkID == 17) 
      { 
       buttons = buttons + "<input id='0' class='drinkButton spacer' disabled='disabled' type='button' value='' /><input id='0' class='drinkButton spacer' disabled='disabled' type='button' value='' />"; 
      } 

     } 

而CSS如下：

input.drinkButton 
{ 
    width:94px; 
    height: 67px; 
    font-size:1em; 
    margin: 0px 6px 6px 0px; 
    font-weight:normal; 
    white-space: normal; 
    padding: 0px; 
} 

如何我是否讓他們正確排隊？

Answer 1

哦，我討厭這些小蟲子/問題。

我的頭頂，是垂直對齊問題嗎？

- 編輯 -

是的，垂直對齊...嘗試頂部/底部垂直對齊，然後看看...

input.drinkButton 
{ 
    width:94px; 
    height: 67px; 
    font-size:1em; 
    margin: 0px 6px 6px 0px; 
    font-weight:normal; 
    white-space: normal; 
    padding: 0px; 
    vertical-align:bottom; 
}