jquery - 如果 div 宽度变小则隐藏框

Question

我在这里做了一个例子:http://fiddle.jshell.net/0yn7sbbr/4/

我希望从 n 到 0 调整大小时隐藏框，直到没有剩余，只剩下固定框。

在示例中，在 n 下降并被溢出隐藏后，我希望剩余的框向右移动，中间没有空格。

先谢谢你。

我不懂 javascript/jquery。

Answer 1

主要是使用 jQuery 的 CSS 解决方案

我不会为 .box 使用 float ，而是使用内联 block 并使用 text-align: right 来保持它们对齐。

请注意 .box 元素之间的额外空格，但可以通过删除标记中的空格字符轻松修复 HTML 代码中的空格。

这会处理除最后一个框以外的所有内容。

要隐藏最后一个框，您需要使用 JavaScript/jQuery。

参见 fiddle :http://fiddle.jshell.net/audetwebdesign/6o9rgmca/