4

我有一个非常简单的带有黑色边框的无序列表示例,其中一个子元素隐藏:http: //jsfiddle.net/spryno724/Sm9Lx/1/。请注意隐藏的子元素比可见元素宽得多,但容器仅缩放到可见子元素的宽度。

CSS中有没有办法自动将此容器的宽度缩放到其最宽子元素的宽度,即使该元素被隐藏?

我知道这可以通过 JavaScript 实现,但如果可能的话,我想避免脚本攻击并直接使用 CSS。

另外,我想避免设置特定的宽度,因为在我的实际应用程序中,我的容器将包含未知宽度的视觉对象。

感谢您的时间。

4

3 回答 3

6

使用visibility: hidden;而不是display: none;隐藏li

  • visibility: hidden;保留元素空间

  • display: none;就好像元素不存在于标记中一样

于 2012-05-30T20:41:08.610 回答
3

怎么样:

<li style="visibility: hidden; height: 0;">This is not the first list element, ok?</li>
于 2012-05-30T20:42:57.293 回答
0

而不是display: none你可以使用opacity: 0

于 2012-05-30T20:41:41.243 回答