Bilder nicht zentriert richtig ausgerichtet

Entschuldigung, wenn dies ein einfaches oder albernes Problem ist.Bilder nicht zentriert richtig ausgerichtet

Im Wesentlichen versuche ich, alle Bilder auf meiner Seite auszurichten, aber die Ausrichtung funktioniert nicht wie ich will, können Sie auf meiner site here sehen. Dies ist das CSS, das ich für die drei Hauptabschnitte verwende. Sie richten das Zentrum aus, aber sie verwenden die linke Seite jedes Bildes, anstatt dass die Mitte des Bildes der Fokus ist.

.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%; 
}

Aufgrund nicht mehr als 2 Links in der Lage zu schreiben, können Sie die nikki.html und style.css finden Sie hier, wenn Sie mehr brauchen, um zu sehen: https://github.com/Flimmykins/Flimmykins.github.io

Ich habe versucht, zu ändern der linke Prozentsatz, um es manuell selbst zu tun, aber das hat die Website seltsam auf verschiedenen Dingen angezeigt. Danke für jede Hilfe.

Quelle

2016-04-05 Flimmykins

Warum verwenden Sie eine feste Position für alles? 'body {text-align: center;}' scheint alles zu sein, was du brauchst. – Scott

Durch das Entfernen der festen Position wird das Problem der horizontalen Ausrichtung behoben, aber die vertikalen Bereiche "oben: 50%" usw. werden scheinbar ignoriert. – Flimmykins

Sie können versuchen: display: block für die img in Ihrem div Dies ermöglicht Ihnen, es horizontal zu zentrieren.

Verwenden Sie Bootstrap?

Quelle

2016-04-05 01:08:09

Blockelemente sind nicht mit Ausrichtungen kompatibel. 'img' ist standardmäßig ein' inline' Element. Der Typ, der einfach nur mit 'text-align: center;' ausgerichtet werden kann – Roy

können Sie versuchen, diese

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

dann setzen die Klasse nur = "center-custom" -Attribut in Ihrem img Element.

Quelle

2016-04-05 02:06:49

Bilder nicht zentriert richtig ausgerichtet

Antwort

Verwandte Themen