在div中水平居中圖像這可能是一個(gè)愚蠢的問題，但由于中心對齊圖像的常用方法不起作用，我想我會(huì)問。如何在容器div中居中對齊（水平）圖像？這是HTML和CSS。我還為縮略圖的其他元素添加了CSS。它按降序運(yùn)行，因此最高元素是所有內(nèi)容的容器，最低元素是所有內(nèi)容。#thumbnailwrapper {       color: #2A2A2A;       margin-right: 5px;       border-radius: 0.2em;       margin-bottom: 5px;       background-color: #E9F7FE;       padding: 5px;       border: thin solid #DADADA;       font-size: 15px}     #artiststhumbnail {       width: 120px;       height: 108px;       overflow: hidden;       border: thin solid #DADADA;       background-color: white;}     #artiststhumbnail:hover {       left: 50px}<!--link here--><a href="NotByDesign">   <div id="thumbnailwrapper">     <a href="NotByDesign">       <!--name here-->       <b>Not By Design</b>       <br>       <div id="artiststhumbnail">         <a href="NotByDesign">           <!--image here-->           <img src="../files/noprofile.jpg" height="100%" alt="Not By Design" border="1" />         </a>       </div>       <div id="genre">Punk</div>   </div>好的，我已經(jīng)添加了沒有PHP的標(biāo)記，所以應(yīng)該更容易看到。這兩種解決方案似乎都沒有實(shí)際應(yīng)用。頂部和底部的文本無法居中，圖像應(yīng)在其容器div中居中。容器已隱藏溢出，因此我希望看到圖像的中心，因?yàn)樗ǔＪ墙裹c(diǎn)所在的位置。