按钮添加标签“输入按钮”和“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”是不是在同一行

回答

相关问题