Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mengekalkan Fungsi `calc()` Apabila Menggunakan KURANG?

Bagaimanakah Saya Boleh Mengekalkan Fungsi `calc()` Apabila Menggunakan KURANG?

DDD
DDDasal
2024-12-07 19:23:16143semak imbas

How Can I Preserve `calc()` Functionality When Using LESS?

Mengekalkan Fungsi calc() dalam LESS

Apabila menggunakan fungsi calc() dalam lembaran gaya LESS, ia menghadapi isu penyusunan, menghasilkan hasil yang salah. Untuk menyelesaikan masalah ini, pembangun boleh menggunakan rentetan escaped, juga dikenali sebagai nilai escaped.

Untuk mengekalkan fungsi calc() asal, tambahkannya dengan tilde (~) dalam rentetan, seperti yang ditunjukkan di bawah:

width: ~"calc(100% - 200px)";

Ini memastikan KURANG mentafsir calc() sebagai rentetan biasa, menghalangnya daripada diubah suai semasa kompilasi.

Dalam senario di mana anda perlu menggabungkan Less math dengan rentetan yang dilepaskan, gunakan sintaks berikut:

width: calc(~"100% - 15rem +" (10px+5px) ~"+ 2em");

Kod ini dikompilasi kepada:

width: calc(100% - 15rem + 15px + 2em);

Oleh menggunakan rentetan yang terlepas, pembangun boleh memastikan bahawa fungsi calc() ditafsirkan dengan betul dan output seperti yang diharapkan oleh KURANG.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekalkan Fungsi `calc()` Apabila Menggunakan KURANG?. 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