Vincent De Oliveira hat einen epischen Beitrag geschrieben, der so ziemlich alles detailliert beschreibt, was Sie jemals über die Eigenschaften line-height und vertical-align wissen möchten. Wenn Sie jemals Probleme hatten, Dinge neben Text auszurichten oder sich gefragt haben, warum zwei Schriftarten ...
Dinge in CSS zu zentrieren ist das Paradebeispiel für CSS-Beschwerden. Warum muss das so schwer sein? Sie höhnen. Ich glaube, das Problem ist nicht, dass es schwierig ist, sondern dass es so viele verschiedene Möglichkeiten gibt, ...
Wenn es um die Zentrierung von Dingen im Webdesign geht, gilt: Je mehr Informationen Sie über das zu zentrierende Element und sein Elternelement haben, desto einfacher ist es. Was ist also, wenn Sie nichts wissen? Es ist immer noch irgendwie machbar. …
Die CSS-Eigenschaft vertical-align steuert, wie nebeneinander liegende Elemente auf einer Zeile ausgerichtet werden.
img {
vertical-align: middle;
}Damit dies funktioniert, müssen die Elemente entlang einer Grundlinie angeordnet sein. Als …
html {
width:100%;
height:100%;
background:url(logo.png) center center no-repeat;
}img {
position: absolute;
top: 50%;
left: 50%;
width: 500px;
height: 500px;
margin-top: -250px; /* Half the height */
margin-left: -250px; /* Half Wenn Sie nur ein einzelnes Wort oder eine einzelne Textzeile haben, gibt es eine clevere Möglichkeit, es mit CSS vertikal in einem Block zu zentrieren. Sie setzen die line-height dieses Textes gleich der height...
CSS hat eine Eigenschaft namens vertical align. Sie kann am Anfang etwas verwirrend sein, daher dachte ich, wir könnten erklären, wofür sie da ist und einige Anwendungsfälle aufzeigen.
Die grundlegende Verwendung ist wie …