按鈕添加標籤「輸入按鈕」和「a」是不是在同一行

我需要有2種類型的按鈕，使用「輸入按鈕」，另一種使用標籤「a」鏈接。

但是，當試圖這樣做時，使用標籤「a」的「按鈕」比其他按鈕更低，我不能使它保持在其他按鈕的相同行中。

我把示例的jsfiddle：

<br><br><br> 
<input name="btnSubmit" class="botao salvar" type="submit" value="Salvar" /> 
&nbsp;&nbsp; 
<input name="btnSubmit" class="botao excluir" type="submit" value="Excluir" /> 
&nbsp;&nbsp; 
<input name="btnSubmit" class="botao voltar" type="submit" value="Voltar" /> 
&nbsp;&nbsp; 
<a class="botao voltar" href="/Produto/Index">Voltar&nbsp;&nbsp;</a>

TKS

來源

2013-04-10 Marlon Tiedt

試試這個

.botao { 
    vertical-align: middle; 
} 
a.botao { 
    padding-top: 7px; 
    height: 24px !important; 
}

http://jsfiddle.net/RLgEj/6/

來源

2013-04-10 11:00:34 Johan

將這個：

<body style="line-height:30px;">

見DEMO

http://jsfiddle.net/RLgEj/5/

來源

2013-04-10 11:01:03

添加到您的CSS（最後一條規則）：

.botao { 
    background-color:#fff; 
    border-radius:6px; 
    border:1px solid #87a5b6; 
    display:inline-block; 
    color:#000; 
    font-family:Verdana; 
    font-size:12px; 
    font-weight:bold; 
    padding-left:32px; 
    padding-right :16px; 
    text-decoration:none;  
    cursor:pointer; 
    height:32px; 
    line-height: 32px;/* this is the magic */ 
}

我更新了Fiddle

來源

2013-04-10 13:14:30 Mark

按鈕添加標籤「輸入按鈕」和「a」是不是在同一行

回答

相關問題