1

（代码：http: //jsfiddle.net/T4hrK/）

我看了又看，找不到方法。我有一个外部div，我想在其中居中一个内部div。内部div包含一堆内联元素（比如画廊中的图像，比如说），我愿意制作它们，或者内联块元素，或者浮动块元素，不管它需要什么。

但是，当内部 div 中有“太多”内联元素时，它会将它们换行，这就是问题所在：它不会调整自身大小以完全包含结果，而是调整自身大小以适应其父宽度. 在这种情况下，我无法将其居中放在其父级中，因为它具有其父级宽度。

我想要的是内部内联元素在它们的 contains 内左对齐div，但div要完全包围它们，这样我就可以将它放在其父元素的中心。

例子：

<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“太宽”：它可能很窄，但因为它是我无法在 red 内居中div。

在这个例子中，当然，span's 是我的图像，绿色div是应该完全包裹/包含/包围它们的东西，红色div是我想要居中的绿色div。

4

2 回答 2

1

text-align: center;按照这个小提琴添加到父 div 怎么样：http: //jsfiddle.net/T4hrK/12/

于 2013-05-31T10:46:39.347 回答
1

你在寻找这样的东西吗？http://jsfiddle.net/Gxcwk/ 根据该内部 div 中内部元素的大小折叠。我只是做了内部元素

float:left; margin:2px 5px;

所以你可以看到它们之间的区别。如果你想要一个整洁的网格，我认为你无论如何都会在里面放置同样大小的图像。

请记住，这只会在页面加载或页面刷新时发生。如果您正在寻找更流畅或响应更快的库，那么酷库：jQuery masonry： http: //masonry.desandro.com/

于 2013-05-31T05:42:15.850 回答