2013-10-20 145 views
-3

我试图在页面中心对齐此图像。我试过“(在身体)”“文本对齐:中心;和显示:内联块;(在CSS)”,但他们不工作。中心对齐图像

这里的的jsfiddle:http://jsfiddle.net/4TtHR/1/

这里的CSS:

figure { 
    display: inline-block; 
    position: relative; 
    float: left; 
    overflow: hidden; 
    margin: 0 20px 20px 0; 
} 
+0

的可能dublicate [如何在一个div居中DIV - 水平(http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a -div-horizo​​ntal?rq = 1)其他许多 – megawac

+0

@megawac我只是尝试了几个从该链接的事情,没有一个工作。我设定了利润率以及其他一些没有结果的东西。 – user2680614

+0

http://jsfiddle.net/4TtHR/9/ – megawac

回答

1

您试图居中浮动元素。

您可以简单地将它包装在div中,将其设置为display:inline-block以包含子元素。然后将text-align:center应用于parent,以便集中div

jsFiddle here

1
figure { 
display: block; 
position: relative; 
overflow: hidden; 
margin: 0 auto; 
width: 50%; 
} 
+1

不起作用。 http://jsfiddle.net/4TtHR/7/embedded/result/ –