如何水平和垂直居中這四個divs的內容？

我想水平和垂直居中4個div的內容。如果我將內容水平居中，那麼垂直中心就消失了。如果我將內容垂直居中，那麼水平中心就消失了。如何水平和垂直居中這四個divs的內容？

這裏是FIDDLE

的DIV，part1的垂直居中和第2部分，第3部分和第四部分水平居中。

我希望所有4 divs的內容垂直和水平居中。我該怎麼做？

也讚賞一些豐富多彩的風格建議。

來源

2015-07-21 Foolish Coder

究竟是第一部分的問題？ – Amit

Part1不是水平對齊的。你可以看到，當你調整窗口的大小。實際上與其他人相同..但它沒有按預期工作，.. –

我沒有看到任何問題。可能是瀏覽器特定的。嘗試添加瀏覽器的屏幕截圖和細節。 – Amit

.goals已應用的樣式，但.skills，.rrhelp和。 cur_possi不。您還需要在.part1，.part2，.part3，.part4上使用position:relative。爲了使文字正確居中，因爲你的.goals，.skills，.rrhelp和.cur_possi的div設置爲position: absolute，加left: 0; right: 0;

更新小提琴：http://jsfiddle.net/21s5u8ys/4/

來源

2015-07-21 05:58:59 AndrewR

你可以給修復高度在像素和overflow:hidden;

我有更新小提琴，可能是這對您有所幫助：http://jsfiddle.net/21s5u8ys/3/

來源

2015-07-21 05:54:58

這不是VERTICALLY對齊 –

如何水平和垂直居中這四個divs的內容？

回答

相關問題