0
时，我似乎碰了壁用这个布局问题UL元素需要的大小不正确。网格的每个<li>都有一个<a>，其中有一个<img>（缩略图），链接到较大的图像。这形成了一个像样的图像网格，尺寸灵活，因为<li>元素以较小的窗口大小包裹起来。很基本，降级很好，等等...CSS：包装LI元素
问题是，现在我想将电网中心在<div>。我将<ul>设置为float: left;，以便它缩小到包含项目的大小，而不是默认的100％宽度。然后我使用position: relative; right: 50%;，然后position: relative; left 50%;在<li>上。这应该有移动中心在div中的列表的效果（你可以更好地了解我要从reading this article得到什么），但问题是，<ul>正试图拉伸到尽可能宽适应溢出列表，因此比其包含元素的区域宽。最终结果是计算结果被抛弃，而我的网格不居中。
如果需要澄清，我会尽我所能，但问题是：是否可以强制包含元素（在本例中为<ul>）缩小到其子元素的大小正在发生？我试图完全避免JavaScript。