为什么不在同一级别的按钮？

Question

<table> 
    <tr> 
     <td><form name="profiel" action="profiel.php"><input class="button2" type="submit" value="Jens Boonen" /></form></td> 
     <td width="94%"><form name="zoeken" action="zoeken.php"><input type="submit" class="button2" value="Zoeken"> </form></td> 
     <td><form name="loguit" action="loguit.php"><input class="button2" type="submit" value="Log-Out" /></form></td> 
    </tr> 
</table> 

为什么不在同一级别的按钮？

按照要求的CSS：

.button2 { 
    background-color:black; 
    display:block; 
    line-height:200%; 
    text-transform: lowercase; 
    font-variant: small-caps; 
    font-size: 20px; 
    font-weight: 300; 
    text-decoration: none; 
    color: white; 
    margin:0.5%; 
    border:1px solid white; 
} 

全部3个按钮是“BUTTON2”，以及“zoeken”和“退出”都在同一水平（注销不显示图片），但名称栏（在这种情况下，Jens Boonen）不是

Answer 1

删除margin: 0.5%并且在第二个输入结束时似乎缺少/。

看看这个JSFiddle。

Answer 2

将vertical-align:top添加到几件事 - 尝试表格单元格，如果没有解决它，请尝试将其添加到您的提交按钮。

Answer 3

难道你的HTML是错误的吗？

您有4 <td>但只有3 </td>。

Answer 4

寻找完美的我。检查此琴：

http://jsfiddle.net/684bT/

，它可能是更好的使用.button2 { color: #FFF; }，而不是white。

我想你必须把所有相关CSS在这里重现你的问题，并修复它。如果你不知道如何，比给我一个链接到你的网站。

Answer 5

这似乎不是唯一的问题，你也只有2个按钮，第三个不显示。

首先你有没有注意到你刚才的额外？ 其次，你的第二个TD的宽度为94％，这意味着其他2个宽度为3％（最有可能）。这94％的单元格包含一个看起来比第一个小的按钮，给它所有的空间看起来像一个错误