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

Question

我使用 purecss (purecss.io)，到目前为止效果很好，但我还没有设法在他们的响应网格中垂直居中任何东西。

我有一个 div (class="pure-u-1-3") 自动具有它的父元素的高度。我想在其中垂直居中一个表单（也尝试包装在一个 div 中）。我尝试了在 StackOverflow 和许多其他在线资源上找到的所有内容。不幸的是，纯 CSS 似乎正在摧毁它。

有任何想法吗？

Answer 1

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

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

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

这样做将恢复该行的正常 CSS 行为。