Html 如何将链接与图像居中，以响应响应响应性设计？

我有一个元素在移动设备中看起来很奇怪，它不是我所需要的完全中心，所以我想知道是否有任何一种标准，以任何分辨率来中心事物

看：

---

有。它被称为flexbox，它是

display

的一个属性。将容器上的

display:flex

与

align-content:center

和

justify-content:center

一起使用，以使子项居中。

。它被称为flexbox，它是

display

的一个属性。在容器上使用

display:flex

与

align content:center

和

justify content:center

将子项居中。

可能重复的

<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>

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

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