如何水平和垂直居中这四个 div 内容？
How can I horizontally and vertically center this four divs contents?
我正在尝试将 4 个 div 中的内容水平和垂直居中。如果我将内容水平居中，那么垂直居中就消失了。如果我将内容垂直居中，那么水平居中就消失了。
这是FIDDLE
DIVpart1垂直居中，part2、part3、part4水平居中
我希望所有 4 个 div 内容垂直和水平居中。
我该怎么做？
也感谢一些色彩缤纷的风格建议。
您可以以像素为单位给出固定高度，overflow:hidden;
我有更新 fiddle ，这可能对你有帮助：http://jsfiddle.net/21s5u8ys/3/
.goals 应用了样式，但 .skills、.rrhelp 和 .cur_possi 没有。您还需要在 .part1、.part2、.part3、.part4 上 position:relative。为了使文本正确居中，因为您将 .goals、.skills、.rrhelp 和 .cur_possi div 设置为 position: absolute，请添加 left: 0; right: 0;
已更新 fiddle：http://jsfiddle.net/21s5u8ys/4/
我正在尝试将 4 个 div 中的内容水平和垂直居中。如果我将内容水平居中，那么垂直居中就消失了。如果我将内容垂直居中，那么水平居中就消失了。
这是FIDDLE
DIVpart1垂直居中，part2、part3、part4水平居中
我希望所有 4 个 div 内容垂直和水平居中。 我该怎么做？
也感谢一些色彩缤纷的风格建议。
您可以以像素为单位给出固定高度，overflow:hidden;
我有更新 fiddle ，这可能对你有帮助：http://jsfiddle.net/21s5u8ys/3/
.goals 应用了样式，但 .skills、.rrhelp 和 .cur_possi 没有。您还需要在 .part1、.part2、.part3、.part4 上 position:relative。为了使文本正确居中，因为您将 .goals、.skills、.rrhelp 和 .cur_possi div 设置为 position: absolute，请添加 left: 0; right: 0;
已更新 fiddle：http://jsfiddle.net/21s5u8ys/4/