如何将图片链接居中以响应响应式设计？

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结合使用，以便让孩子居中。