Question

我正在尝试将html中的图像与中间对齐

<img src="https://i.ytimg.com/vi/f5x3MaZ6fqQ/maxresdefault.jpg " align="middle" , width="740" height="382" />

然而，图像仍然被拉到屏幕左侧。我按照朋友的建议尝试将它嵌套在一个div中，但是它没有用。这是我正在做的一些明显的noob错误吗？

以下是Code Pen页面的链接

如果我的问题结构不合理，请提前抱歉。

Answer 1

要水平对齐图像或任何其他形式的内联内容，请使用CSS在父元素上设置text-align: center。

不推荐使用align属性，不应再使用该属性。 middle是对垂直而非水平对齐的描述。 HTML中的属性之间不允许使用逗号字符。

Answer 2

从标记中删除逗号，它是无效的HTML。 Align是一个不推荐使用的属性，因此应该使用CSS来完成。

如果您使用样式表（推荐！），您可以使用以下内容：

img{ display: block; margin: 0 auto; } 
//this will apply to all images in your site. I would use a class instead

或者，如果您没有使用样式表，则可以内联

<img src="https://i.ytimg.com/vi/f5x3MaZ6fqQ/maxresdefault.jpg " width="740" height="382" style=" display: block; margin: 0 auto;" />

编辑：道歉昆汀是对的，你需要将图像设置为＆＃39; display：block＆＃39;同样。我已经更新了我的回答以反映这一点。这也是一个工作小提琴。 https://jsfiddle.net/pcfa8oLL/