CSS 以桌面为中心，但不以移动为中心

Question

我一直在寻找，但还没有找到可行的解决方案。

这是我的网站，它可以在桌面上执行所需的操作，但是当它在移动设备上加载时，上面的图标不再居中，但下面的图标居中

在这里提供所有代码会很长，所以我相信有人会为此敲我，但对我来说，使用检查器似乎很容易，因为我不确定其他地方的 css 是否会影响它。如果确实需要，我很乐意将所有代码粘贴到此处。

正如您在桌面上看到的那样，它们排成一排，但在移动设备上，我希望它们居中，纵向 2 个连续，横向排成一行，但仍位于屏幕中央。

p>

My Site Desktop

My Site in an iPhone 5 view

Answer 1

在您的 div .centermiddle 中，您有名为 .view 的 div，其样式为 float: left;

您应该将它们设置为 display: inline-block; 而不是 float 您的元素，这是实现您想要做的事情的正确方法。

这样做会使这些按钮居中。