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

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”和“log out”在同一级别（图片中未显示注销），但是名称栏（在本例中为Jens Boonen）不是

Answer 1

删除margin: 0.5%，第二次输入结束时似乎缺少/。

查看此JSFiddle。

Answer 2

你的HTML是不是错了？

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

Answer 3

看起来很适合我。检查这个小提琴：

http://jsfiddle.net/684bT/

最好使用.button2 { color: #FFF; }代替white。

我想您必须将所有相关CSS放在此处以重现您的问题并进行修复。如果您不知道如何，请给我一个指向您网站的链接。

Answer 4

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

首先你注意到你刚刚获得的额外费用吗？ 其次，你的第二个TD的宽度为94％，这意味着另外两个TD的宽度各为3％（最有可能）。那个94％的单元格包含一个看起来比第一个小的按钮，让所有空间看起来像是一个错误

Answer 5

将vertical-align:top添加到一些内容中 - 尝试使用表格单元格，如果不能解决问题，请尝试将其添加到提交按钮中。