Warum ist der Schaltflächentext standardmäßig vertikal zentriert, der Div-Text jedoch nicht?-CSS-Tutorial-php.cn

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

Susan Sarandon

Freigeben： 2024-10-26 12:06:02

Original

1067 Leute haben es durchsucht

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>

Nach dem Login kopieren

<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>

Nach dem Login kopieren

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：Wie gestaltet man das „mat-select“-Panel in eckigem Material effektiv?

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Aktuelle Ausgaben