如何将这四个div内容水平和垂直居中？

Question

我试图在4个div中水平和垂直居中内容。如果我将内容水平居中，那么垂直中心就会消失。如果我将内容垂直居中，那么水平中心就会消失。

以下是FIDDLE

DIV，part1垂直居中，part2，part3和part4水平居中。

我想让所有4个div内容垂直和水平居中。 我怎么能这样做？

还有一些色彩缤纷的风格建议赞赏。

Answer 1

.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/

Answer 2

您可以按像素和overflow:hidden;

指定修正高度

我有更新小提琴，可能对您有所帮助：http://jsfiddle.net/21s5u8ys/3/