html - 2 个问题：居中 div + CSS 动画

Question

http://carloshermoso.com/works/rwd/

你好，

两个不同的问题：

1.- 我在集中服务时遇到问题。它们的左右边距应该相同，与页面的其余部分相同。

id="webDevelopmentServices" 是 3 个服务。class="service" 是每个服务。

2.- 为什么 CSS 动画在 Firefox 中不能正常工作？他们也没有在 IE 中工作。在 Chrome 中虽然都很顺利。

提前一百万谢谢！

Answer 1

尝试这个

#mainContent #webDevelopmentServices .service {
    display: inline-block;
    font-size: 15px;
    line-height: 17px;
    margin: 0 2%;
    vertical-align: top;
    width: 21%;
}

使用 display:inline-block 删除“float:left”；

在我的 Firefox 中，动画正在运行。但是当然，css 动画在早期的 IE 中是行不通的，但这是一个全世界都知道的问题 :)