使用HTML和CSS在中心对齐图像时出现问题

以HTML为例：

NHS智能卡折扣

将页边距

auto

添加到

左侧

和

右侧

类似

页边距：16px auto

<figure class="wp-caption alignnone" style="box-sizing: inherit; margin: 16px auto; max-width: 100%; padding: 0.25rem; width: 200px;">

无标题1
NHS智能卡折扣

您可以添加css

.wp-caption .alignnone{
width: 100%;
}

.wp caption.alignnone{
宽度：100%；
}

无标题1
NHS智能卡折扣

设置

NHS智能卡折扣

标记已被弃用，不要使用它。现在它与第一个答案相同，现在很好：）您仍然可以通过摆脱旧的doctype语法并使用HTML5（已经存在了很长10年）来改进您的答案。@所有doctype代码都是从OPs原始问题中克隆出来的，似乎是他编辑掉的。我个人不使用它。我的实际网站是Wordpress。我在ExpressionWeb中提取了一点内容进行测试。这是我唯一的编辑。其他人编辑了我的问题，把它变成了一把小提琴。但我已经解决了。谢谢，谢谢。我正在努力将它应用到我的Wordpress附加CSS区域。明白了：

.widget区域图{margin:16px auto；}