2個問題：居中DIV + CSS動畫

http://carloshermoso.com/works/rwd/2個問題：居中DIV + CSS動畫

嗨，

兩個不同的問題：

1 .-我爲中心的服務問題。它們應該在左側和右側具有相同的邊距，與頁面其餘部分相同。

id =「webDevelopmentServices」是3種服務。 class =「service」是每個服務。

2.-爲什麼CSS動畫在Firefox中不能正常工作？他們也不在IE中工作。儘管在Chrome瀏覽器中都很順利。

非常感謝！

來源

2013-04-20 carherlo

請發佈相關代碼以及 – Adrift 2013-04-20 17:53:21

[我的網站上的某些內容不起作用。我可以只粘貼一個鏈接嗎？]（http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link - 對它） – Antony 2013-04-20 17:56:30

#mainContent #webDevelopmentServices .service {display：inline-block;字體大小：15像素;行高：知識+;保證金：0 2％;寬度：21％; } – carherlo 2013-04-20 18:10:51

嘗試這種

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

除去「浮動：左」與顯示：內聯塊;

在我的Firefox中動畫正在工作。但是當然，css動畫在早期的IE中不起作用，但這是世界範圍內已知的問題:)

來源

2013-04-20 17:56:37 Luke

刪除float：留下一個顯示：inline-block非常適合以服務爲中心，但出於某種原因，現在第一個服務不與下一個2水平對齊。任何想法？此外，關於動畫問題，在我的結尾，它只會在刷新頁面後在Firefox中運行。第一次加載頁面將無法正常工作。至少IE9的動畫效果會很好，但如果不行的話，那就沒關係了（我希望IE9至少老實說，不要太在乎IE8/7） – carherlo 2013-04-20 18:06:19

查看我編輯的答案，你在哪裏看到我添加了「vertical-align」屬性。 – Luke 2013-04-20 18:34:46

感謝隊友。現在完美工作。乾杯! – carherlo 2013-04-20 19:27:58

2個問題：居中DIV + CSS動畫

回答

相關問題