Bild in html zentrieren
Ich versuche, eine einfache Schaltfläche mit einem Bild wie folgt zu zeigen:
%Vor%Die Schaltfläche sieht in Chrome richtig aus, ist aber in Firefox ein wenig abgehoben - sie ist nicht horizontal zentriert, sondern nach rechts geneigt. Ein FF-Screenshot ist unten. Wie kann ich das Bild zentrieren (wie in Chrome standardmäßig)? Ich habe versucht, einen Rand: 0 zum img, ohne Erfolg.
4 Antworten
Der beste Weg, dies zu tun, besteht nicht darin, die Dimensionen der Schaltfläche festzulegen, sondern sich einfach auf das Auffüllen zu verlassen. Natürlich sollten Sie diese Stile in ein Stylesheet einfügen, wie unten gezeigt.
DEMO: Ссылка
HTML
%Vor%CSS
%Vor%Ich habe das ziemlich schnell zusammengeschmuggelt, also muss es noch ein wenig optimiert werden, aber du kannst das hier ausprobieren ... Ссылка
Dieses Skript (mit jQuery) verarbeitet die Benutzerinteraktion, indem es CSS-Klassen nach Bedarf hinzufügt / entfernt:
%Vor%Dann ist es nur eine Frage des Einrichtens von CSS, damit die Schaltfläche so aussieht, wie Sie es möchten. Der in meinem Beispiel ist ziemlich grob (ich bin ein "mach es Arbeit" Typ - kein "mach es schön" Typ), aber es ist ein Anfang.