不能居中的图像

我一直在阅读上的计算器各个岗位和大约居中图片的一些其他网站。我在似乎是一般指南的各种网站上发现了此代码：不能居中的图像

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

不能居中的图像

回答

相关问题