如何让 ExtJS 组合框与文本内联显示？答案

【问题标题】：How to get an ExtJS ComboBox to display inline with text?如何让 ExtJS 组合框与文本内联显示？
【发布时间】：2011-05-10 14:39:35
【问题描述】：

我想让以下内容显示在一行中。我尝试过使用样式浮动和显示。

显示此输入内联。

【问题讨论】：

【解决方案1】：

最简单的方法是覆盖页面上的样式。

首先，将你的段落包装在一个带有特殊 id 的 P 标签中。

<p id="my-inline-override">
  Show this input <input type="text" name="filterOp" id="filterOp"/> inline.
</p>

然后你可以在你的页面中添加一个 CSS 选择器，确保 Ext JS 添加的 DIV 标签显示内联（注意“x-form-field-wrap”是插入的 DIV 包装器的类，你可以看到这个如果你使用 chrome 开发者工具来浏览 DOM）。

<style>
#my-inline-override div.x-form-field-wrap {
    display: inline;
}
</style>

【讨论】：

【解决方案2】：

对不起，你的问题有点混乱。你到底想在一条线上得到什么？组合框？代码？组合框中的每个项目？如果是每个项目，只需加宽组合框，或者使每个元素都隐藏溢出和固定宽度。

【讨论】：