Question

我想用HTML中心图片。我有我的形象，但不知道怎么做？我很感激帮助。感谢。

这是我的代码：

<img src="image.jpg">

Answer 1

随着HTML5的出现，您应该使用CSS进行图像居中。 HTMl5实际上折旧了对齐标签。

请尝试使用以下CSS代码：

<IMG id="myImage" src="image.jpg" >
<style type="text/css">
    #myImage {
        display: block;
        margin-left: auto;
        margin-right: auto }
</style>

Answer 2

超级简单 - 只需将其包装在容器中，并给左右边距自动宽度

请参阅： http://jsfiddle.net/Vc3rY/1/

.container {width: 300px; background: #f2f2f2; margin: 0 auto}

Answer 3

图像是内联框，因此text-align：center;在父母身上应该是基本的方式。

如果你显示：阻止你的图像，那么它将是margin：auto;它将是该行中唯一的一件事......如果流程中没有浮动元素。（总是很高兴从101 CSS规则中了解它的工作原理:)）

使用HTML居中图像

3 个答案: