suchen

Heim >Web-Frontend >CSS-Tutorial >Warum ist der Schaltflächentext standardmäßig vertikal zentriert, der Div-Text jedoch nicht?

Warum ist der Schaltflächentext standardmäßig vertikal zentriert, der Div-Text jedoch nicht?

Susan Sarandon
Susan SarandonOriginal
2024-10-26 12:06:02919Durchsuche

Why is Button Text Vertically Centered by Default, but Div Text Isn't?

Informationen zur vertikalen Ausrichtung von Schaltflächentexten

Berücksichtigen Sie die folgenden HTML-Markup- und CSS-Stile:

<code class="html"><button class="button">Some Text</button>
<div class="button">Some Text</div></code>
<code class="css">.button {
  background: darkgrey;
  height: 40px;
  border: 2px solid grey;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  font-family: helvetica;
  text-align: center;
  margin-bottom: 20px;
}</code>

Wenn Sie diese Stile anwenden, Sie bemerken, dass der Text innerhalb der -Element vertikal ausgerichtet ist, wohingegen der Text innerhalb des

ist nicht.

Die geheimnisvolle Magie

Standardmäßig ist

Vorheriger Artikel：Warum erbt ein absolut positioniertes Element innerhalb eines relativ positionierten Elements seine Position von seinem unmittelbaren übergeordneten Element?Nächster Artikel：Warum erbt ein absolut positioniertes Element innerhalb eines relativ positionierten Elements seine Position von seinem unmittelbaren übergeordneten Element?

In Verbindung stehende Artikel

Mehr sehen