Text wird nicht korrekt umbrochen, wenn padding-left verwendet wird

8

Hier habe ich das Problem: - Link entfernt -

Jeder Link im Menü auf der linken Seite hat padding-left: 15px; Der Grund dafür ist, dass ich ein Hintergrundbild (den blauen Pfeil) hinzufügen kann.

Aber jetzt, wenn der Text umbrochen wird (siehe "Bilder, Drucke und Aquarelle"), ignoriert er das Padding.

Nach der Suche kann ich überhaupt keine ähnlichen Fälle finden, ist das, weil ich falsch liege?

Wenn das, was ich gerade habe, in Ordnung ist, wie kann ich das Wrapping-Problem beheben?

Danke.

BEARBEITEN: Das Problem wurde nun behoben, wenn Sie sich fragen, warum Sie es nicht sehen können.

    
472084 15.05.2012, 13:49
quelle

4 Antworten

22

Padding gilt nur für Elemente auf Blockebene. Entweder weisen Sie den a -Elementen Ihres Menüs eine display:block; oder display:inline-block; zu, damit sie richtig auf padding reagieren.

    
cale_b 15.05.2012, 13:51
quelle
1

Sie sollten das Padding stattdessen auf ein div setzen - Ссылка

Padding funktioniert nicht so für Span Style Elemente. Alternativ könnten Sie wahrscheinlich display: block auf dem Link verwenden.

    
Henrik Karlsson 15.05.2012 13:53
quelle
0

Wenn Sie diese Anker verwenden, können Sie sie einfach auf display:block setzen.

Eine bessere Möglichkeit, dieses Menü zu markieren (besonders da Sie HTML5 verwenden), wäre die Verwendung eines menu -Tags mit einer Liste von Links.

%Vor%

Dies ist semantischer und gibt Ihnen auch li als Hooks, um einen Rand hinzuzufügen.

    
Jamie Dixon 15.05.2012 13:52
quelle
0

Anzeige hinzufügen: Blockieren Sie Ihre Anker. Ich würde vorschlagen, Inline-Block zu verwenden, da es nicht vollständig browserübergreifend unterstützt wird (ich glaube IE7 und darunter).

Fügen Sie den Anzeigeblock in Zeile 13 von view.css wie folgt hinzu

%Vor%     
Undefined 15.05.2012 13:52
quelle

Tags und Links