在ASP.NET web窗体上保持DevExpress控件的内联

我刚刚用DevExpress控件替换了一个小型web项目中的Telerik控件，但是现在，尽管我添加了一个内联显示div作为容器，这些控件不再内联呈现。是什么导致了这种情况，我该怎么做才能让这些错误的控件重新内联

<div style="display: inline;">
    <label>
        Department:</label>
    <dx:ASPxComboBox ID="deptCombo" runat="server" AutoPostBack="false" ValueField="DeptId" TextField="DeptName" Width="250px" OnSelectedIndexChanged="deptCombo_SelectedIndexChanged">
    </dx:ASPxComboBox>
    <label>
        Production Date:</label>
    <dx:ASPxDateEdit ID="productionDatePicker" runat="server" DisplayFormatString="{0:dd/MM/yyyy}" EditFormat="Custom" EditFormatString="dd/MM/yyyy" 
        ondatechanged="productionDatePicker_DateChanged">
    </dx:ASPxDateEdit>
</div>

部门：
生产日期：

听起来DevX控件有一些CSS需要重写

首先，我会尝试添加！样式的重要标志：

<div style="display: inline !important;">

---

如果不起作用，请切换回RadControls。它们远远优于：）

几乎所有的DevExpress控件都呈现为表格。这种方法的主要优点是，这种方式提供了良好的跨浏览器功能，因为当使用嵌套div时，可能很难为所有浏览器同步它们的位置和大小。然而，使用表可以让最终用户摆脱这个问题

[CSS]在CSS上添加这一行

.DXControlsInline {display: inline-table;}

[ASPx]将CssClass=“DXControlsInline”添加到要进行内联的控件上

<dx:ASPxLabel ID="ckArboviralDiseaseChikungunyaOtherSpecify" runat="server"  CssClass="DXControlsInline" Text="Specify:"></dx:ASPxLabel>
<dx:ASPxTextBox ID="tbArboviralDiseaseChikungunyaOther" CssClass="DXControlsInline"  ClientInstanceName="tbArboviralDiseaseChikungunyaOther" runat="server" Width="350px"></dx:ASPxTextBox> 

---

来源：

该任务与我们的控件没有直接关系，可以在没有控件的情况下以类似的方式执行。对于

aspxtbox

，使用以下规则为其定义

CssClass

属性：

.txtStyle{
显示：内联块；
}

我准备了一个小样本来演示它是如何工作的。另请参见CSS显示属性

更新：

当为

aspxtbox

指定标题时，它将呈现为表格。这就是为什么建议的方法在这种情况下不起作用。为了解决这个问题，我建议您将每个文本框放在一个div元素中，并为其设置“display”属性。让我知道这是否有帮助

---

Fear important不起作用，转换仅在客户坚持的情况下进行。我们已在我们的知识库中解释了如何解决此问题：