我试图在页面中心对齐此图像。我试过“(在身体)”“文本对齐:中心;和显示:内联块;(在CSS)”,但他们不工作。中心对齐图像
这里的的jsfiddle:http://jsfiddle.net/4TtHR/1/
这里的CSS:
figure {
display: inline-block;
position: relative;
float: left;
overflow: hidden;
margin: 0 20px 20px 0;
}
我试图在页面中心对齐此图像。我试过“(在身体)”“文本对齐:中心;和显示:内联块;(在CSS)”,但他们不工作。中心对齐图像
这里的的jsfiddle:http://jsfiddle.net/4TtHR/1/
这里的CSS:
figure {
display: inline-block;
position: relative;
float: left;
overflow: hidden;
margin: 0 20px 20px 0;
}
您试图居中浮动元素。
您可以简单地将它包装在div
中,将其设置为display:inline-block
以包含子元素。然后将text-align:center
应用于parent
,以便集中div
。
figure {
display: block;
position: relative;
overflow: hidden;
margin: 0 auto;
width: 50%;
}
不起作用。 http://jsfiddle.net/4TtHR/7/embedded/result/ –
的可能dublicate [如何在一个div居中DIV - 水平(http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a -div-horizontal?rq = 1)其他许多 – megawac
@megawac我只是尝试了几个从该链接的事情,没有一个工作。我设定了利润率以及其他一些没有结果的东西。 – user2680614
http://jsfiddle.net/4TtHR/9/ – megawac