与Sass，Susy和Compass垂直对齐

Question

非常感谢任何帮助。我使用Sass，Compass和Susy来重新设计我的网站。我需要弄清楚如何在浏览器中设置垂直中心。我有一排五列，我需要垂直居中。

这是HTML：

<div class="layout">
    <section></section>
    <section></section>
    <section></section>
    <section></section>
    <section></section>
</div>

这些部分创建了一列列。我需要垂直居中.layout类。

Answer 1

对于像这样的任何问题，首先要解决CSS中的垂直居中问题。我所知道的两种最好的方法，只适用于现代浏览器。最佳选择是flexbox，然后使用position和transform little trick。如果您搜索“css垂直中心”，还有其他解决方案。

这两个都需要在浏览器之间使用前缀，这是Compass可能有用的地方。 Compass有mixins来帮助flexbox和变换。