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
Lepaskan: 2024-12-07 19:23:16
asal
148 orang telah melayarinya

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)";
Salin selepas log masuk

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");
Salin selepas log masuk

Kod ini dikompilasi kepada:

width: calc(100% - 15rem + 15px + 2em);
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan