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

时间:2014-11-26 21:17:42

标签: css css3 mobile

我一直在四处寻找,但却找不到可行的解决方案。

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

在这里提供所有代码的时间很长,所以我确定有人会为此敲我但是对我来说使用检查员似乎很容易,因为我不确定css否则可能会影响到这个。 如果真的需要,我很乐意在这里粘贴所有代码。

正如你在桌面上看到的那样,它们是连续的但是在移动设备上我想让它们居中并且连续2个在肖像上并且所有都在横向上但仍然在屏幕中居中。

My Site Desktop

My Site in an iPhone 5 view

1 个答案:

答案 0 :(得分:3)

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

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

这样做会将这些按钮置于中心位置。