Wie füllt man den gesamten Raum innerhalb des div mit Link und zentriert den Linktext vertikal?

Question

Erstellen div-Size-Link ist ziemlich einfach zu tun (https://stackoverflow.com/a/16555663/982646) wie Zentrierung Text vertikal innerhalb div (https://stackoverflow.com/a/12686489/982646).

Aber wie kombiniert man diese beiden?

Wenn ich Link Breite und Höhe 100% setze, ist es nicht mehr zentriert.

Answer 1

Sie können Ihre Eltern div auf inline-block, so dass der Link die gleiche Größe wie es sein wird.

um die Verbindung vertikal zu zentrieren, können Sie line-height des Containers auf die gleiche Höhe wie die Verbindung festlegen.

.container { 
    line-height: 3em; 
    display: inline-block; 
} 

.link { 
    height: 3em; 
} 

Es gibt andere Möglichkeiten Zentrum vertikal zu, aber wir brauchen mehr Informationen, um eine geeignete Lösung zu geben. Hier

ist ein Beispiel für das, was ich erklärt habe: http://codepen.io/JKudla/pen/xqaLvy