我在一个无法控制的列表中有一个流氓图标

Question

在我的联系页面上“http://findgirvin.com.s3-website.us-east-2.amazonaws.com/Contact”

降低到移动屏幕尺寸时，手机图标不会居中。我多次重写代码。它是一个MDL列表。有什么想法吗？

Answer 1

看到网站后。

我不知道如何解决它'mdl UI方式'，因为我没有使用它。

但是你可以将自己的CSS添加到mdl-list__item-primary-content类的范围内，例如：

.mdl-list__item .mdl-list__item-primary-content > span {
  display: flex;
  flex-direction: column;
  align-items: center;
}

如果我使用flexbox方法水平居中列flex。

不要忘记仅为小屏幕添加媒体查询。