jquery - 如何强制隐藏+空的 占用空间？

Question

请注意，我的问题不是关于如何用 <div>. 填充剩余空间

背景:我正在尝试将 jQuery sortable 与一系列水平布局的 <div>, 结合使用与类 "column"

.column
{
  display:inline-block;
}

现在在 FF 中，一切看起来都很好。在拖动过程中，jQuery sortable 注入(inject)的“占位符”是空的 <div>与

<div class="column ui-sortable-placehold" 
     style="visibility:hidden;height:[hh]px;width[ww]px;"/>

“行内 block ”将导致这个“占位符”跨越许多[ww]px。 <div>被拖了。

(我有选项“forcePlaceholderSize = true”)

然而，这在 IE7 中失效了，因为它只知道显示:内联。但是如果我改为使用 "display:inline"在 FF 上，占位符将不再跨越 [ ww]px .

我尝试了很多解决方法，包括:

• 指定我自己的占位符样式。
• 基于 jQuery.browser.msie 切换 css。
• 动态 CSS 表达式。

由于某种原因，它们都不能令人满意地工作。

在我看来，只要我能在空的 div 上强制调整大小，我就能巧妙地解决这个问题。 (当然，最简洁的解决方案始终是让@#$% IE 从一开始就符合标准...)

欢迎提出好的解决方法。

请帮忙!

Answer 1

.column {
    /* your stuff here */
    width: 100px;
    height: 200px;
}

您还可以使用相关的 CSS 属性，例如最小宽度和最大高度，但我认为这些属性存在 IE6 限制。