简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  Was sind die Unterschiede zwischen negativen Werten für die vertikale Ausrichtung und negativen Werten für den unteren Rand?

Was sind die Unterschiede zwischen negativen Werten für die vertikale Ausrichtung und negativen Werten für den unteren Rand?

青灯夜游
青灯夜游nach vorne
2020-11-06 18:00:472378Durchsuche

Was sind die Unterschiede zwischen negativen Werten für die vertikale Ausrichtung und negativen Werten für den unteren Rand? Der folgende Artikel stellt Ihnen den Unterschied zwischen den negativen Werten von Vertical-Align und den negativen Werten von Margin-Bottom vor. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Was sind die Unterschiede zwischen negativen Werten für die vertikale Ausrichtung und negativen Werten für den unteren Rand?

Werfen wir zunächst einen Blick auf die Werte von Vertical-Align in W3C:

Aber es wird selten erwähnt, dass es einen numerischen Wert hat. Schauen wir uns diesen Code an: 


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .test_box {
      width: 45%;
      float: left;
      margin-right: 1%;
      background-color: #f0f3f9;
    }
    .mb-200 {
      margin-bottom: -200px;
    }
    .va-200 {
      vertical-align: -200px;
    }
  </style>
</head>
<body>
<p class="test_box">
  <img src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" class="mb-200" />张含韵
</p>
<p class="test_box">
  <img src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" class="va-200" />张含韵
</p>
</body>
</html>

Hier habe ich zwei P's geschrieben. Sie enthalten alle das gleiche Bild. Das Feld ist vollständig vom Textfluss getrennt und die Größe wird vollständig von den untergeordneten Elementen unterstützt.

vertical-align erhöht die Höhe des Containers, während negative margin-bottom-Werte sie verringern!

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !

Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen negativen Werten für die vertikale Ausrichtung und negativen Werten für den unteren Rand?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：So erstellen Sie ein Kreisdiagramm mit CSSNächster Artikel：So erstellen Sie ein Kreisdiagramm mit CSS

In Verbindung stehende Artikel

Mehr sehen