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.
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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
