Wo bekomme ich 6px Höhe zurückholen buddress avatar

Ich bin gerade dabei, eine Social-Network-basierte Website mit Hilfe von buddypress aufzubauen und wenn der Benutzer eingeloggt ist, möchte ich seinen Avatar in meiner Kopfzeile anzeigen. Um dies zu tun, habe ich diesen Code verwendet.

<a href="https://wordpress.stackexchange.com/questions/240843/where-am-i-gaining-6px-height-retrieving-buddypress-avatar/">

Es mag wie ein kleines Detail erscheinen und etwas, mit dem ich wahrscheinlich umgehen kann, wenn es wirklich nötig wäre, aber ich würde gerne herausfinden, was diesen scheinbar mysteriösen 6px-Gewinn verursacht hat, unter dem ich leide.

Sie können die Website, an der ich arbeite, auf www.vwrx-project.co.uk sehen . Ich denke, du musst dich anmelden, um das Avatar-Display zu sehen, was du mehr als willkommen bist.

Sobald die Themenentwicklung abgeschlossen ist, lösche ich die gesamte database, um nach jedem Test neu zu beginnen.

Solutions Collecting From Web of "Wo bekomme ich 6px Höhe zurückholen buddress avatar"

Das Problem besteht darin, dass Ihre Zeilenhöhen auf 1,5 eingestellt sind.

Sie müssen dies in Ihrem CSS festlegen:

 #avatar { line-height: 0; } 

Wenn Sie Ihre anderen Schaltflächen “Abmelden” und den Benutzernamen abrufen möchten, müssen Sie außerdem die spezifische Höhe für das übergeordnete DIV festlegen, die 50px sein sollte, als ob Ihr Bild 30px ist und Sie oben 10px Auffüllen haben und unten