Css 将100%动态图像居中于div内

有一些问题集中在一个100%的形象，在一个快速响应的网站上，我正试图建立一个div

已尝试边距：自动和文本对齐：居中

在未指定div实际宽度的情况下，是否有其他选项可将图像居中放置在div甚至div中

<div class="hoods"><a href="http://example.com.com/hoods"><img    src="http://example.com.com/image/data/Home Page  /hoods.jpg" ></a></div>

.hoods {
float: left;
margin-bottom: 20px;
width: 96%;
}

.hoods > a > img {
border-style: solid;
border-width: 10px;
max-height: 236px;
max-width: 92.5%;
}

.兜帽{
浮动：左；
边缘底部：20px；
宽度：96%；
}
.发动机罩>发动机罩>进气歧管{
边框样式：实心；
边框宽度：10px；
最大高度：236像素；
最大宽度：92.5%；
}

内联定心

当你有一个图像，它应该居中，然后你可以用两种方法。仅用于内联图像，具有动态

宽度

和

高度

。您可以执行以下操作：

.center image{text align:center；}
.center image img{显示：内联块；}

如果未指定div宽度，则它将是父级的100%，除非浮动或受到CSS的影响。不清楚您要问什么……您要居中的是div还是div中的图像？-如果.center image div设置为100%，则内联定心是否仍能工作？是，伙计。。。行得通……）你愿意接受我的回答吗？