以Javascript添加的图像为中心

Question

我无法将带有嵌入式CSS的Javascript添加图像集中在一个表中。请让我知道如何修复CSS，以便表格中的图像居中。我尝试将图像的边距属性设置为自动，但表格中的图像不居中     

     <style>
        p {text-align: center;}
        table { margin: auto;}
        body img{display: block;margin-left:auto;margin-right:auto;}
        h2 {text-align: center; color: red;}
    </style>

约翰内斯回答了这个问题。正确的嵌入式样式如下：

{{1}}

Answer 1

首先，将display: block分配给table元素与通常用于表格的表格相反 - 该表格中的tr和td元素最有可能赢得＆ ＃39; t表现为他们在常规表中的行为。因此，我建议从display: block

的CSS中删除table

其次，要（<水平）将任何内联或内联块元素（包括图像）放在表或块元素中，您可以对该元素使用text-align: center。

要将块元素中的另一个块元素居中，您应该为子元素定义固定宽度和margin: 0 auto。