2011-11-23 137 views
2

任何人都可以找出为什么这些图像不会漂浮在中心?我已经把所有东西都留下了,所以事情没有被清除,但是margin:auto和text-align:center;似乎没有效果。居中CSS浮动

我想该组图片的两侧的利润率是相同的显示在此屏幕截图db.tt/aNu8zBVl

非常感谢 - 这里的的jsfiddle - http://jsfiddle.net/SparrwHawk/UWYv3/3/


编辑

我想该组图片的两侧边缘是相同的:

Image of how I want it to look

+1

'text-align'是指元素的* content *,并且它的位置没有影响。 – Viruzzo

回答

3

您在jsfiddle.net上发布的代码将为平铺图片图片。在这方面,它工作正常。

你能提供一张你正在拍的照片吗想试试来实现吗?

你有一个错字,如马克·乙指出:text-align: center(不中心)。

但是,text-align:center将不会对<img>产生任何影响,因为它们是浮动的。

这里有两个例子来说明这个原则:

  1. This example is floated, but also has clear: left so there will only be one image per line.(或许这就是你想达到什么目的?)我离开text-align:center证明其对浮动元素没有影响。
  2. This example is not floated,正如你所看到的,text-align:center正在做它的工作。
+0

嗨,感谢您的回复。我希望这组图像两边的边距相同。这是否使事情变得更清楚...? http://db.tt/aNu8zBVl – SparrwHawk

+0

这是一个很好的问题。我不知道该怎么做。 – JohnB