Css 用HTML在页面中间修复图像

我通常不处理HTML，我认为这应该很容易，但似乎不是。我只想要一张图片和一些文字显示在页面的中间。我可以将图像和文本水平对齐到中间，但不能垂直对齐。我终于找到了一个解决方案，我想知道为什么这是有效的，如果有更好的方法

代码版本1（不工作）：

你好，世界！

虽然我阅读了“仅在表为表时使用表”，但我尝试了：

代码版本2（不工作）：

你好，世界！

代码版本3（工作，为什么？）：

你好，世界！

设置图像的宽度并使用：

<img width:"900px" style="margin:0 auto">

这意味着从顶部和底部开始的边距为0，从两侧开始的边距为自动

编辑：不要使用表格。只要用这个：

<div style="width:900px;margin:0 auto">
<img width:"900px">
your text
</div>

你的文字

---

如果你想把整个事物放在中间。

< P>为你的图像设置一个宽度，并使用：

<img width:"900px" style="margin:0 auto">

这意味着从顶部和底部开始的边距为0，从两侧开始的边距为自动

编辑：不要使用表格。只要用这个：

<div style="width:900px;margin:0 auto">
<img width:"900px">
your text
</div>

你的文字

---

如果你想把整个事情放在中间。

< P>第三版本没有DOCTYPE声明，这在大多数浏览器中触发“”。这意味着他们没有像在“标准模式”中那样严格遵守规范，这会导致您看到的行为。虽然这可能是你想要得到的，但从技术上来说是不正确的

---

简而言之，在HTML/CSS中没有垂直居中的标准方法。

第三个版本没有doctype声明，在大多数浏览器中，doctype声明会触发“”。这意味着他们没有像在“标准模式”中那样严格遵守规范，这会导致您看到的行为。虽然这可能是你想要得到的，但从技术上来说是不正确的

---

简言之，在HTML/CSS中没有标准的垂直居中方法。

以下是垂直和水平居中的好方法

---

以下是垂直和水平居中的好方法

---

做一个jsfiddle？这将使它成为每个人都可以帮助的用户：）这有点无关紧要：但是你应该在外部进行样式设计，而且表的

border

属性不受欢迎。也没有“float:middle”这样的规则来生成JSFIDLE？这将使它成为每个人都可以帮助的用户：）这有点不相关：但你应该在外部进行样式设置，表的

border

属性不受欢迎。也没有“float:middle”这样的规则，顺便说一句，你永远不会居中。对不起，不起作用。现在，图像位于左上角。但我想要中间的两个。我的在中间。你在使用什么浏览器？@Brian div在中间：jsfiddle.net/hol42/WwDBR/1FireFox，也在jsfiddle中。左上角。顺便说一句，你永远不会居中。对不起，不起作用。现在，图像位于左上角。但我想要中间的两个。我的在中间。你在使用什么浏览器？@Brian div在中间：jsfiddle.net/hol42/WwDBR/1FireFox，也在jsfiddle中。两个都在左上角。完美。这是在耍花招。它实际上只是样式=“位置：绝对；左侧：50%；顶部：50%；”。不需要更多。完美的这是在耍花招。它实际上只是样式=“位置：绝对；左侧：50%；顶部：50%；”。不需要更多。

<div style="width:900px;margin:0 auto">
<img width:"900px">
your text
</div>