2016-06-26 4 views
-2

Was ist das korrekte CSS, damit die Liste der Ergebnisse richtig angezeigt wird? Hier sind die Schritte, die Ergebnisse anzuzeigen:Was ist das korrekte CSS für die Liste der Ergebnisse, die in dieser Situation korrekt angezeigt werden?

1) Navigieren Sie zu http://mypubguide.com/good-pubs/east-region

2) Geben Sie „Hull“ im Sucheingabe in der Navigationsleiste und geben Sie

3) Überprüfen Sie: Sie können eine Liste sehen Das Ergebnis ist falsch, das Anchor-Tag zeigt den Text nicht korrekt an und andere Elemente sehen schlecht formatiert aus.

Wie kann ich das beheben?

+1

Ich nehme an, Sie antworten auf die Antwort von Adrien Leber. Fügen Sie dies Ihrer Seite/CSS-Datei hinzu: .gsc-webResult {line-height: 21px! Wichtig; }. Dies wird Ihr Problem beheben, aber ich würde die Antwort geben gegeben, weil die Verwendung! Wichtig ist eine Art 'hack' –

+0

Nein, das war als Antwort auf jemand anderes, der einen nicht hilfreichen Kommentar hinterlassen – CarneyCode

+0

Das Problem ist jetzt behoben - also werde ich clear this down – CarneyCode

Antwort

2

Die line-height der .gcse-container ist 0px. Setzen Sie es auf 20px oder entfernen Sie die Regel, um Ihr Problem zu lösen.

+1

Entfernen es funktioniert so gut, wie die Zeilenhöhe 21px wegen der Bootstrap-Styling sein wird. Tipp: Verwenden Sie F12 (Entwicklerwerkzeuge), um zu sehen, welches Styling auf ein bestimmtes Element angewendet wird. –

+0

Danke @ E.Mourits. Ich aktualisiere meine Antwort. – JazZ

+0

Ich habe die Regel entfernt - Danke nochmal – CarneyCode

Verwandte Themen