如何在yui-pure-css中垂直居中？

Question

我使用的是purecss（purecss.io），到目前为止效果很好，但我还没有设法在响应网格中垂直居中。

我有一个div（class =“pure-u-1-3”），它自动拥有它父元素的高度。我想在这里垂直居中一个表格（试图在div中包装）。我尝试了在StackOverflow上找到的所有内容以及其他许多在线资源。不幸的是，似乎pure-css正在摧毁它。

有什么想法吗？

Answer 1

.pure-g-valign-fix{display:block;}

使用上面的类来修复PureCSS在其网格中的垂直对齐问题。像pure-g类一样使用CSS类，如下所示：

<div class="pure-g pure-g-valign-fix">

执行此操作将恢复该行的正常CSS行为。