Javascript 流体布局中选择图元的样式设置问题 问题:

我有一个中等到高度复杂的门户搜索页面。它使用基于百分比的流体栅格在容器中至少包含8个选择元素。至少一个select应支持多个选择

总之，我具备以下先决条件：

• 样式
  元素
• 样式
  元素
• 无像素宽度（应支持基于百分比的宽度）
• 理想情况下，基于jQuery

我确实尝试了一些现有的插件，现在我将命名它们，包括它们不适合我的原因

尝试但不起作用，原因：

• • 无法很好地调整大小：需要在调整窗口大小时触发

    渲染

    事件（糟糕的性能）
  • 不支持多重选择
• 及
  • 无法关闭顶部的搜索框
    • 不适用于某些正常选择输入
  • 可能是多个选择的选项
• • 过于关注twitter引导：不能很好地使用自定义网格

我需要的是： 我需要一个适用于所有情况的解决方案，或者一个适用于非多重选择的解决方案，以便与selected/select2一起使用

---

编辑：我需要使用一个给定的设计，因此我需要一个插件。

没有代码它只是猜测，然后才知道，但是你可以尝试以下方法：

select {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -web-kit-box-sizing: border-box;
    width: 100%;
    padding: 10px; /* Or what ever you need, and with box-sizing its fitting nicely */
}

---

你甚至不需要jquery/插件

最后，我决定根据需要使用和修改它。这远不是一个理想的选择，但我已经在这个小问题上花费了太多的时间。

不，恐怕我需要插件使元素看起来像我必须遵循的给定设计文档，然后我必须使样式化的元素与流畅的布局配合得很好。我没有包括代码，因为问题是由我提到的特定插件引起的。