Heim > Artikel > Web-Frontend > So legen Sie die Position eines Tags in HTML fest
So legen Sie die Position eines Tags in HTML fest
- 青灯夜游Original
- 2021-12-13 15:43:4510988Durchsuche
Einstellungsmethode: 1. Fügen Sie den Stil „position: relative;“ zum übergeordneten Tag des a-Tags hinzu. 2. Fügen Sie den Stil „position: absolute;“ zum a-Tag hinzu oben, unten, Die linken und rechten Attribute steuern die Position einer Beschriftung.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In HTML können Sie das Positionsattribut verwenden, um die Position des a-Tags festzulegen:
Fügen Sie den Stil „position: relative;“ zum übergeordneten Tag des a-Tags hinzu.
Hinzufügen „position: „absolute;“-Stil führt eine absolute Positionierung durch;
Verwenden Sie die Attribute „oben“, „unten“, „links“ und „rechts“, um die Position einer Beschriftung zu steuern.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
width: 300px;
height: 200px;
background-color: yellow;
position: relative;
}
a{
position: absolute;
top: 50px;
left: 50px;
}
</style>
</head>
<body>
<div>
<a>我是一个a标签</a>
</div>
</body>
</html>
Beschreibung: Das Attribut
position gibt die Art der Positionierungsmethode für ein Element an (statisch, relativ, absolut oder fest).
relativ: Erzeugt relativ positionierte Elemente, die relativ zu ihrer normalen Position positioniert sind. Daher fügt „left:20“ 20 Pixel zur LINKEN Position des Elements hinzu.
absolut: Erzeugt absolut positionierte Elemente, die im Gegensatz zur statischen Positionierung relativ zum ersten übergeordneten Element positioniert sind. Die Position des Elements wird über die Attribute „left“, „top“, „right“ und „bottom“ angegeben.
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo legen Sie die Position eines Tags in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!