Html 之间的CSS问题<；h:commandLink>；及<；h：命令按钮>；同样的风格

在我的示例应用程序中，我在JSF页面底部有3个操作按钮，它由2个命令按钮和一个命令链接设计。问题是我给了这3个相同的样式类，但命令按钮在单行中正确显示，但命令链接不在同一行中

本页中的示例A为by，B、c为by

-----------------------------------------
|                                        |
|                                        |
|                                        |  
|                                        |
|                        ----- -----     |
|                 -----  | B | | c |     |
|                 | A |  ----- -----     |   
|                 -----                  |
-----------------------------------------

我需要在同一行中显示。这些按钮的样式类为

.ButtonStyle{
    border: 1px solid #999;
    padding:1px 4px 1px 4px;
    color: #333;
    background-color: #e7e7e7;
    text-decoration: none;
    margin-right: 10px;
    display: inline;
    cursor:pointer;
}

这3个的编码是：

<div align="right'>
 <h:commandLink id="" action=".."  value="A" styleClass="ButtonStyle"/> 
 <h:commandButton id="" action=".."  value="B" styleClass="ButtonStyle"/>
 <h:commandButton id="" action=".."  value="C" styleClass="ButtonStyle"/>
</div>

试试这个（我猜是因为我不熟悉JSF）：

默认的
vertical align
是
baseline
，它看起来像您的ASCII艺术。
试试这个（我猜一点，因为我不熟悉JSF）：

默认的
vertical align
是
baseline
，它看起来像您的ASCII艺术。
获取firebug并尝试分析元素及其容器的css。您的链接和按钮可能继承自其他css定义。
获取firebug并尝试分析元素及其容器的css。你的链接和按钮可能继承自其他css定义。
是的，谢谢，你是正确的，我很早就尝试过firebug，从那以后，只有我知道这个问题。是的，谢谢，你是正确的，我很早就尝试过firebug，从那以后，只有我知道这个问题。好的，我试过这个，它几乎达到了我的预期效果，谢谢你的朋友，你有什么特别的原因把它换成另一个吗？好的，我试过这个，它几乎达到了我的预期效果，谢谢你的朋友，你有什么特别的原因把它换成另一个吗？
.ButtonStyle {
    vertical-align: top
}