画像の中心が正しく配置されていない

Question

これは単純で愚かな問題であればごめんなさい。

本質的に私はページ上のすべての画像を整列させようとしていますが、整列は私が望むようには機能しません。私のsite hereに見ることができます。これは3つの主要なセクションで使用しているCSSです。それらは中心を揃えますが、イメージの中心がフォーカルではなく、各イメージの左側を使用します。

.links { 
position: fixed; 
text-align: center; 
top: 50%; 
left: 50%; 
} 
.footer { 
position: fixed; 
text-align: center; 
top: 75%; 
left: 50%; 
} 
.header { 
position: fixed; 
text-align: center; 
top: 25%; 
left: 50%; 
} 

あなたが詳細を参照する必要がある場合により2つの以上のリンクを投稿することができないし、あなたがここにnikki.htmlとのstyle.cssを見つけることができますが：https://github.com/Flimmykins/Flimmykins.github.io

私は変更しようとしました手動でそれを自分で行うための左のパーセンテージが、それはサイトを異様に奇妙に表示させました。助けてくれてありがとう。

Answer 1

あなたが試すことができます：内部imgためdisplay: blockあなたのこれはあなたが水平方向にセンタリングすることができますdiv 。

ブートストラップを使用していますか？

Answer 2

あなたはこの

.center-custom { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
} 

はその後、ちょうどあなたのimg要素の内部クラス=「センター・カスタム」属性を入れてみてくださいすることができます。