如何适合在一个格内25层时我有超过25个孩子的div?

我有一个父分区,它的大小为100像素点¯x100px的,我要补充孩子的div里面,每一个孩子的div是20像素点¯x20像素,所以如果我有50个孩子的div,我想只显示前25个分区。 而如果有一个DIV ID隐藏(淡出例如)25的div被移到显示永远只有25格。

我怎么能作出这样的使用CSS而已。 如果不是唯一的CSS可能,我们可以使用jQuery来做到这一点。

编辑:更多详细信息:

我努力了 !! 这就是问题。 父DIV只可容纳25岁我有超过25,就溢出父分区。 我想只有25显示,其余被没有出现。 但如果一个div的消失,它的邻居将填补其位置,所以总是我只有25(没有更多或更少)

--------------解决方案-------------

你可以给每个孩子的div风格

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。

下面是使用jQuery的隐藏内部元件一个简单的例子:http://jsfiddle.net/ERaP3/

请注意,您将需要或者刷新页面或添加其他切换显示以前隐藏的元素。

分类:jQuery的 时间:2015-03-15 人气:3
本文关键词: HTML,CSS和jQuery
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.351 (s). 10 q(s)