Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan kedudukan tag dalam html
Bagaimana untuk menetapkan kedudukan tag dalam html
- 青灯夜游asal
- 2021-12-13 15:43:4511013semak imbas
Kaedah tetapan: 1. Tambahkan gaya "kedudukan: relatif;" pada teg induk teg untuk kedudukan relatif; ; 3. Gunakan Atribut atas, bawah, kiri dan kanan mengawal kedudukan label.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Dalam HTML, anda boleh menggunakan atribut kedudukan untuk menetapkan kedudukan teg a:
Tambahkan gaya "position: relative;" pada teg induk teg a untuk kedudukan relatif ;
Tambahkan gaya "kedudukan: mutlak;" pada teg untuk kedudukan mutlak; , bawah, kiri, kanan atribut untuk mengawal kedudukan label.
<!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>Penerangan: 
relatif: Menghasilkan elemen yang agak berkedudukan, berkedudukan relatif kepada kedudukan normalnya. Oleh itu, "kiri:20" menambah 20 piksel pada kedudukan KIRI elemen.
mutlak: Menghasilkan elemen berkedudukan mutlak, diposisikan relatif kepada elemen induk pertama selain daripada kedudukan statik. Kedudukan elemen ditentukan melalui atribut "kiri", "atas", "kanan" dan "bawah".
-
Tutorial yang disyorkan: "
tutorial video html "
Atas ialah kandungan terperinci Bagaimana untuk menetapkan kedudukan tag dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!