Dalam CSS3, anda boleh menggunakan operator "/" untuk menetapkan operasi bahagi bagi fungsi calc() Fungsi ini digunakan untuk mengira nilai panjang secara dinamik. dan hasilnya akan menjadi nilai yang dikira Nilai pulangan, sintaksnya ialah "atribut panjang: calc (dividen/pembahagi)";
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Fungsi calc() digunakan untuk mengira nilai panjang secara dinamik.
Perlu diambil perhatian bahawa ruang perlu ditempah sebelum dan selepas pengendali, contohnya: lebar: calc(100% - 10px);
Sebarang nilai panjang boleh dikira menggunakan fungsi calc() ;
fungsi calc() menyokong operasi " ", "-", "*", "/"; 🎜>
Sintaksnya ialah:ungkapan mestilah ungkapan matematik dan hasilnya akan menjadi nilai pulangan selepas operasi.
calc(expression)
Hasil keluaran;
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> input { padding: 2px; display: block; width: calc(100% - 1em); } #formbox { width: calc(100% / 6); border: 1px solid black; padding: 4px; } </style> </head> <body> <form> <div id="formbox"> <label>Type something:</label> <input type="text"> </div> </form> </body> </html>
(Perkongsian video pembelajaran: tutorial video css
)Atas ialah kandungan terperinci Bagaimana untuk menetapkan pembahagian dalam calc dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!