如何將圖片鏈接居中以響應響應式設計？

Question

我有一個看起來很奇怪的元素，它不是完全中心的，所以我想知道是否有任何標準以任何分辨率爲中心。

看：

<li> 
    <div class="asoc-director">          
     <a href="javascript:void(0)" class="client-director"> 
      <img class="card-picture-admins" src="assets/images/team/my-img.png"> 
      <span class="name-role" id="37">Sigfried Bermudez <br> Associate Director</span> 
     </a>   
    </div> 
</li> 

併爲CSS是：

.asoc-director { 
    padding-top: 46px; 
    width: 100%; 
    height: 140px; 
} 

li > div a:first-child { 
    left: 35%; 
    z-index: 2; 
} 

Answer 1

有。它被稱爲flexbox，它是display的財產。將容器上的display: flex與align-content: center和justify-content: center結合使用，以便讓孩子居中。