Resimler bu hizalama doğru değilse, bu basit ya da aptalca bir sorun olduğunu varsayarak üzgünüz

Question

.

Esasen, sayfamdaki tüm görüntüleri hizalamaya çalışıyorum ancak hizalama istediğim gibi çalışmıyor, site here numaralı telefonumda görebilirsiniz. Bu üç ana bölüm için kullanıyorum CSS. Merkezi hizalarlar, ancak görüntünün ortası olan odak yerine, her görüntünün sol tarafını kullanırlar. https://github.com/Flimmykins/Flimmykins.github.io

değişiyorum çalıştı: Daha fazlasını görmek gerekiyorsa

.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'den fazla link yayınlamak mümkün olmayan nedeniyle, sen ve style.css burada nikki.html bulabilirsiniz sol yüzde elle kendim yapmak, ancak bu site farklı şeyler garip bir şekilde görüntüledi. Herhangi bir yardım için teşekkürler.

Answer 1

Deneyebilirsin: iç img için display: block senin Bu yatay olarak ortalamak sağlayacak div .

Önyükleme kullanıyor musunuz?

Answer 2

Sen img öğesinin içinde bu

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

sonra sadece sınıf koymak = "merkez özel" ayrıntısını deneyebilirsiniz.