当我有超过25个孩子的div时，如何在一个div中容纳25个div？

Question

我有一个父div，它的大小是100px X 100px，我必须在其中添加子div，其中每个子div为20px X 20px，所以如果我有50个子div，我只想显示前25个DIV。如果一个div id被隐藏（例如淡出），则25个div被移位以显示总是只有25个div。

我怎样才能使用CSS。如果仅在CSS中不可能，我们可以使用jquery来做到这一点。

编辑：更多详情：

我试过!!这是问题。父div只容纳25个我超过25，它们溢出父div。我想只显示25，其余的不显示。但如果一个div消失了，它的邻居就会填满它的位置，所以我总是只有25个（不多或少）

Answer 1

您可以为每个孩子提供风格

display: inline-block;
width: 20px; /* not 25, that's too big to fit 5 into 100px (100 / 25 == 4) */
height: 20px;

这将使他们没有换行符，然后给父div设置样式

width: 100px;
height: 100px;
overflow: hidden;

这将使任何超出父div空间的div不显示。

Answer 2

这是一个利用jquery隐藏内部元素的简短示例：http://jsfiddle.net/ERaP3/

注意，您需要刷新页面或添加另一个切换以显示以前隐藏的元素。