居中一個div，WITH div內的div - 任何建議？

我知道這不是編程，更多是編程。我現在面臨一個理論上的簡單解決的問題：居中一個div，WITH div內的div - 任何建議？

項目：一個多用途看起來好看的設置定價表

問題：如何居中一組3個的定價表瀏覽器的窗口中。

的解決方案，我已經試過：「保證金：0汽車」上。主要類和.container類

下面是下載的一段代碼和目標的圖形的解釋，我想鏈接實現。我會非常樂意爲解決這個問題提供任何幫助。乾杯！

鏈接到的問題的index.html和css文件夾+圖形的解釋：https://www.dropbox.com/sh/tlcld7k6lfhmb3w/YMJ3_5MR6I

來源

2014-04-26 Danny_Student

我也需要css文件。你可以把它們上傳到http://jsfiddle.net/這樣的東西，這樣更容易調試。 – Jere

將正確的'width'和'margin：0 auto;'設置爲container div。 – mdesdev

Jere！感謝提醒我關於jsfiddle.net，我在想'很久以前在線代碼粘貼平臺'，無法提醒自己。以下是jsfiddle.net上的代碼： http://jsfiddle.net/b2c8q/（您必須以某種方式分開兩個css部分，因爲內聯css在這裏不起作用，或者也許是我在做錯誤的東西） –

答案很簡單：您的.center類以居中。但是，你的價格表的寬度爲25％ - 這意味着只要你只有三個容器，那麼右邊將會有一個寬度爲25％的空間。

解決方案： Eather添加四分之一價格選項或設置.cp列到33％的寬度;）

現在看起來：

.center { 
margin-left: auto; 
margin-right: auto; 
} 
.cp-column { 
width: 25%; 
float: left; 
}

改變，要

.center { 
margin-left: auto; 
margin-right: auto; 
} 
.cp-column { 
width: 33%; 
float: left; 
}

來源

2014-04-26 13:18:12 Jere

Jere !!!!非常感謝！代碼是詩歌*明星眼睛* :) –

傑爾，還有一個問題給你。我已經將它正確地更改爲cp-column中的33％，但由於某些原因，所有css3動畫效果都無法正常工作。徘徊在價格表上的是一個三維效應。它揭示了一個隱藏的文本，但現在沒有任何事情發生後，你的鼠標光標懸停在它上面。任何想法，爲什麼它不能工作？ P.s.我已經在幾個瀏覽器下檢查過，仍然沒有運氣。 –

你能再次上傳一個jsfiddle嗎？ – Jere

DEMO

margin: 0 auto;應該工作正常檢查演示。你可能忘了限制div的寬度。

只要父div覆蓋整個寬度，在div內的div中使用margin自動技術並不重要。

來源

2014-04-26 12:56:03

謝謝你的回答。但是，我已經選擇了Jere作爲解決我最初問題的人。 –

沒問題:)，當我發佈我的答案時，你身邊沒有任何提琴，我是你的問題解決了。 –

居中一個div，WITH div內的div - 任何建議？

回答

相關問題