Adakah Lebar CSS Menghormati Tempat Perpuluhan?

Tempat Perpuluhan dalam Lebar CSS: Adakah Mereka Dihormati?

Ketepatan tempat perpuluhan dalam lebar CSS telah menjadi topik yang ingin tahu bagi ramai peminat CSS. Artikel ini bertujuan untuk memberikan penjelasan menyeluruh tentang sama ada tempat perpuluhan diambil kira dalam pengisytiharan lebar CSS.

Lebar Peratusan: Tempat Perpuluhan Penting

Dalam kes lebar peratusan, tempat perpuluhan sememangnya penting memainkan peranan yang penting. Sebagai contoh, jika elemen diberikan lebar 49.5%, ia akan mengambil tepat 49.5% daripada lebar elemen yang mengandunginya. Ini bermakna peratusan pecahan, seperti 50.5%, boleh digunakan untuk mencipta jarak atau penjajaran yang halus.

Lebar Piksel: Tempat Perpuluhan Diabaikan

Sebaliknya, tempat perpuluhan tidak dihormati untuk lebar piksel. Apabila elemen diberikan lebar piksel, penyemak imbas akan membundarkan ke bawah kepada keseluruhan piksel yang terdekat. Sebagai contoh, lebar 122.5px akan ditafsirkan sebagai 122px oleh penyemak imbas. Ini kerana nilai piksel mewakili dimensi fizikal tertentu pada skrin dan nilai pecahan tidak disokong.

Demonstrasi dengan Contoh

Coretan kod berikut menyediakan demonstrasi visual cara tempat perpuluhan dikendalikan berbeza dalam peratusan dan lebar piksel:

#outer {
    width: 200px;
}

#first {
    width: 50%;
    height: 20px;
    background-color: red;
}

#second {
    width: 50.5%;
    height: 20px;
    background-color: green;
}

#third {
    width: 51%;
    height: 20px;
    background-color: blue;
}

<div>

Dalam contoh ini, bekas luar mempunyai lebar tetap 200px. Tiga elemen dalaman diberikan lebar 50%, 50.5% dan 51%, masing-masing. Seperti yang anda boleh lihat daripada hasilnya, elemen kedua, dengan lebar 50.5%, menggunakan ruang pecahan yang betul dalam bekas.

Atas ialah kandungan terperinci Adakah Lebar CSS Menghormati Tempat Perpuluhan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!