不能居中的圖像

我一直在閱讀上的計算器各個崗位和大約居中圖片的一些其他網站。我在似乎是一般指南的各種網站上發現了此代碼：不能居中的圖像

img { 
display: block; 
margin-left: auto; 
margin-right: auto; 
    }

我想以圖像居中。我不能用這段代碼來居中。我可以讓它移動使用文本對齊：中心，但讀這不是這樣做的最好方法。我做了一個jsfiddle。如果有人不介意幫助我，將不勝感激。我能夠通過添加一個隨機寬度值來使圖像移動。雖然我認爲這是正確的方法，但因爲我目睹了它是否居中。

對不起，我不能得到實際的圖像顯示，但IMG標誌是有作爲佔位符：jsFiddle

來源

2013-07-13 HelloWorld

在您的jsFiddle中沒有單個圖像 –

它在我的工作方式上工作得很好http://jsbin.com/uxalix/1/edit – user1721135

''display block＆＆margin left/right auto'，必須足夠居中IMG ...在**乾淨的代碼**看看你的示例代碼在這裏：http://jsfiddle.net/4cKFK/。這不是工作，至於原因肯定依賴於被影響圖像的'img'標籤或圖像容器代碼別的東西。所以，給我們更多的信息/代碼工作，並盡力幫助你（你的提琴這麼想的任何圖像）。 – gmo

你的代碼應該只是罰款。可能還有更多你沒有展示給我們的東西。不過，這裏有兩種方法的演示。

基本上，如果IMG是display: block;可以使用margin: 0 auto。

如果它是display: inline（img標籤的默認值），父元素需要text-align: center;就可以了。

下面是一些代碼來概括：http://jsbin.com/upuzav/1/edit

來源

2013-07-13 17:11:57

在你的答案中粘貼相關的代碼 –

我會指定你的形象，而這試圖用HTML來中心的所有圖像的類。這樣，如果你想改變它的位置，你可以很快，而不是用img標籤來調整所有東西。

CSS：

.center_image { 
display: block; 
margin-left: auto; 
margin-right: auto }

您的圖片：

<img src="your_image.jpg" class="center_image">

來源

2013-07-13 17:13:05

爲了這一招工作圖像必須有明確的寬度。請參見http://designshack.net/articles/css/how-to-center-anything-with-css/

來源

2013-07-14 15:10:34 pwdst

不能居中的圖像

回答

相關問題