如何水平和垂直居中这四个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的内容？

回答

相关问题