サニーギャラリーのアイテムの垂直方向の整列（）

Question

サフィーギャラリー（）内のアイテムはどのようにvertical-align: middleですか？私が付いているイメージは、私のアイテムが現在立っているように垂直に並んでいることを示します。私の強調表示から分かるように、現在はすべてvertical-align: topです。

事前にありがとうございます。

オリバー

Answer 1

CSSが垂直方向に中央にどのような方法が浮いていないので、gallery()を使用ことはできません。中心のギャラリーを取得するには、フレックスボックス、グリッド、ディスプレイテーブル、またはインラインブロックのレイアウトを使用する必要があります。それが役に立つなら、Susyを使って数学を行うことができます。フレックスボックス付きです：

.container { 
    display: flex; 
    align-items: center; 
    flex-wrap: wrap; 
} 

.item { 
    background: lightgray; 
    flex-basis: span(1 of 6); 
    margin-right: gutter(of 6); 

    &:nth-child(6n) { 
    margin-right: 0; 
    } 
}