Padding im Hintergrund Bild nach rechts ausgerichtet
Ich habe diesen HTML:
%Vor%und dieses css:
%Vor% Das ist das Ergebnis:
Das Problem besteht darin, dass das Hintergrundbild, das nach rechts ausgerichtet ist, nicht zwischen dem Rahmen und dem Rand angeordnet ist. Wie kann ich ein Padding zwischen dem Bild und dem Rahmen hinzufügen? (Ich kann dem div keine Elemente hinzufügen!)
6 Antworten
Sie könnten die Klasse ": after" -psuedo verwenden. Dadurch wird Ihr Symbol angezeigt, wenn ein Benutzer die Seite druckt. Ich habe dich zu einem Beispiel gemacht.
Sie können für Hintergrundbilder keinen Abstand von der rechten oder unteren Kante angeben.
Der einfachste Weg, um den gewünschten Effekt zu erzielen, wäre, diesen Platz im Bild selbst hinzuzufügen. Sie würden also einige Pixel leeren Platz auf der rechten Seite von warning_triangle.gif hinzufügen. Auf diese Weise werden die leeren Pixel an der rechten Kante ausgerichtet, während Sie das sichtbare Dreieck ein paar Pixel von der Kante entfernt positionieren.
BEARBEITEN:
Die Verwendung des pseudo-Elements nach Per schlägt eine clevere Lösung vor, die mir nicht bekannt war. Denken Sie daran, dass: After wird nicht von IE 7 und früher unterstützt. Wenn Sie also diese älteren Browser unterstützen müssen, ist dies möglicherweise nicht die beste Lösung.