css/htmlを使用して、shopifyページの行内に中心ロゴ画像を表示しますか？

Question

私はクライアントのサイトのロゴのグリッドを作っています。私は行と列のグリッド内でそれらを中央に置く方法を考えています。私はCSSのために持っています：

.center-block { 
display: block; 
margin-top: auto; 
margin-bottom: auto; 
margin-left: auto; 
margin-right: auto; 
} 

解決策が存在するかどうか教えてください。

Answer 1

ロゴを水平にセンタリングしたい場合は、このようにして、中心に置く要素のクラスに.center-meを置き換えます。

これがブロック要素であればこれを行います。

.center-me { 
    margin: 0 auto; 
} 

それは、インライン（テキストやリンク）この

.center-me { 
    text-align: center; 
}