Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menetapkan margin kiri untuk hilang dalam css

Bagaimana untuk menetapkan margin kiri untuk hilang dalam css

WBOY
WBOYasal
2022-09-05 16:37:191628semak imbas

Cara untuk menetapkan margin kiri untuk hilang dalam css: 1. Gunakan atribut "margin-left", yang digunakan untuk menetapkan margin kiri elemen Sintaks ialah "margin-left:0; "; 2. Gunakan atribut " padding-left", yang boleh menetapkan padding kiri elemen, iaitu, margin dalam kiri. Sintaks ialah "padding-left:0;".

Bagaimana untuk menetapkan margin kiri untuk hilang dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Cara untuk menetapkan margin kiri untuk hilang dalam css

Atribut margin-left menetapkan margin kiri elemen.

  • auto Jidar kiri yang ditetapkan oleh penyemak imbas.

  • panjang mentakrifkan jidar kiri tetap. Nilai lalai ialah 0.

  • % Mentakrifkan jidar kiri sebagai peratusan berdasarkan jumlah lebar objek induk.

atribut padding-left menetapkan padding kiri (ruang) elemen

  • panjang ditentukan dalam unit tertentu Tetap nilai padding kiri, seperti piksel, sentimeter, dsb. Nilai lalai ialah 0px.

  • % mentakrifkan padding kiri sebagai peratusan berdasarkan lebar elemen induk. Nilai ini tidak akan berfungsi seperti yang diharapkan dalam semua penyemak imbas.

Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style>
p.ex1 {margin-left:2cm;}
p.ex2 {margin-left:0;}
p.ex3 {padding-left:2cm;}
p.ex4 {padding-left:0;}
</style>
</head>
<body>
<p class="ex1">一个左外边距为2厘米的段落。</p>
<p class="ex2">一个没有指定边距大小的段落。</p>
<p class="ex3">一个左内边距为2厘米的段落。</p>
<p class="ex4">一个没有指定边距大小的段落。</p>
</body>
</html>

Hasil output:

Bagaimana untuk menetapkan margin kiri untuk hilang dalam css

(Perkongsian video pembelajaran: tutorial video css, tutorial video html)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan margin kiri untuk hilang dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Apakah maksud utama dalam html5Artikel seterusnya:Apakah maksud utama dalam html5