Question

我已经咨询了this page，但我的ASPxButton控件仍在显示在彼此之上。我在这段代码中遗漏了什么吗？我可以看出风格是被检测到的，因为我可以在输入我的CssClass参数时自动完成样式。

aspx页面：

<dxe:ASPxButton ID="_ASPxButton1" ClientInstanceName="_ASPxButton1" runat="server"
    Text="Print" AutoPostBack="False" CssClass="btnInline" >
    <ClientSideEvents Click="function(s, e) { window.print(); }" />
</dxe:ASPxButton>
<dxe:ASPxButton ID="_ASPxButton2" ClientInstanceName="_ASPxButton2" runat="server"
    Text="Close" AutoPostBack="False" CssClass="btnInline" >
    <ClientSideEvents Click="function(s, e) { window.close(); }" />
</dxe:ASPxButton>

的CSS：

.btnInline 
{
    display: inline-table;
}

Answer 1

这种风格似乎在较新的浏览器中有所不同。使用K18357 KB（p.3）中的另一个解决方案来完成此任务。

P.S。我建议您直接联系DX人员。

Answer 2

一旦我深入挖掘这个，我意识到ASPxButton实际上是一个嵌入其中的各种css的表，所以几乎不可能让这些“按钮”中的两个并排坐下来侧。

我最终只是将这些按钮编码为asp：Button控件，这让我释放了所有DevExpress造型包。我能够将按钮设置为像ASPxButton一样，所以现在一切正常。

aspx页面：

<asp:Button ID="_ASPxButton1" Text="Close" runat="server" CssClass="devExpressButton" OnClientClick="showPrintView();" />
<asp:Button ID="_ASPxButton2" Text="Print" runat="server" CssClass="devExpressButton" OnClientClick="feePopupHide();" />

的CSS：

.devExpressButton 
{
    border: solid 2px #475e78;
    background-color: #f3f3f3;
    font-weight: bold;
    height: 30px;
    width: 60px;
    color: #000000;    
    font-size: 9pt;
    font-family: Arial, Helvetica, Geneva, sans-serif;                  
    vertical-align: middle;         
    padding: 1px 1px 1px 1px;
    margin: 5px 5px 5px 5px;
    cursor: pointer;    
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -khtml-border-radius: 6px; 
}
.devExpressButton:hover
{
    color: #FFFFFF;   
    font-weight: bold;
    background-color: #5D7B9D;
}

内联显示DevExpress按钮

2 个答案: