html - 2 个问题 : centering div + CSS animations

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 中不起作用，但这是一个世界范围内已知的问题:)