Question

我看了看，看不清楚怎么样。我有一个外div，其中我想要一个内部div。内部div包含一堆内联元素（比如画廊中的图像，比方说），我愿意制作，或者内联块元素，或浮动块元素，无论它需要什么。

但是，当内部div中存在“太多”内联元素时，它会将它们包装在一个新行上，这就是catch：它将不大小本身以完全包含结果，而是尺寸本身适合其父宽度。在这种情况下，我无法将其置于其父级中，因为它具有父级宽度。

我想要的是内部内联元素在其包含div内部左对齐，但是div要将它们完全括起来，以便我可以将其置于其父内部中。 / p>

示例：

<div style="border:1px solid red; padding:2px;">
  <div style="display:inline-block; border:1px solid green;">
    <span>1234567</span>
    <span>1234567</span>
    <span>1234567</span>
    <span>1234567</span>
  </div>
</div>

内部（绿色）div“太宽”：它可能很窄，但因为它不能居中于红色div内。

在这个例子中，当然，span是我的图像，绿色div应该完全包装/包含/包围它们，红色div是什么我想将绿色div置于中心位置。

Answer 1

你正在寻找这样的东西吗？ http://jsfiddle.net/Gxcwk/ 根据内部div中内部元素的大小而崩溃。我刚做了内部元素

float:left; margin:2px 5px;

所以你可以看到他们之间的分歧。如果你想要一个整洁的网格，我认为你会放置同样大小的图像。

请记住，只会在页面加载或页面刷新时发生。如果你正在寻找更流畅或更敏感的东西，酷库：jQuery砌体：http://masonry.desandro.com/

Answer 2

如何将text-align: center;添加到父div中，如此小提琴：http://jsfiddle.net/T4hrK/12/

CSS：在其父div中居中一个内联块div

2 个答案: