Asp.Net 下拉列表和标签不显示内联答案

【问题标题】：Asp.Net dropdown list and label not displaying inlineAsp.Net 下拉列表和标签不显示内联
【发布时间】：2015-09-06 12:50:24
【问题描述】：

我有一个带有 css 类的 asp.net 下拉列表，其标记是

  .form-control {
      display: block;
      width: 100%;
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
              transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

我有一个标签，它应该与下拉菜单在同一行，所以为了实现这一点，我添加了另一个 css 类：

.inlineControl {
    display: inline-block;
    vertical-align: middle;
}

下拉控件的 cssClass 属性中有两个类，而 inlineControl 是最后一个，因此它应该覆盖表单控件类的 display: 块。但是在浏览器中，标签位于下拉列表上方而不是其旁边。我检查了开发人员工具 f12 和样式窗口显示 inlineControl 类正在覆盖表单控件类并且显示应该是内联块，因此在计算窗口中它也显示显示应该是内联块. 控件的标记为：

<div>
   <label>לקוח</label>
   <asp:DropDownList ID="comboClients" runat="server" CssClass="form-control inlineControl" DataTextField="ClientName" DataValueField="ClientId">

是什么导致控件显示为块，如何让它们内联显示？

【问题讨论】：

标签： css asp.net

【解决方案1】：

问题显然是宽度：100%。我将其更改为 90%，并且显示正常。

【讨论】：