我試圖在頁面中心對齊此圖像。我試過「(在身體)」「文本對齊:中心;和顯示:內聯塊;(在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