Pertanyaan Cara menggunakan calc () di dalam fungsi lain


Apakah mungkin untuk digunakan calc() dalam fungsi CSS seperti transform atau translate? Saya tidak bisa membuatnya bekerja. Berikut ini demo agar kalian bisa bermain-main:

http://jsfiddle.net/qdJwY/1/


13
2017-09-14 03:44


asal


Jawaban:


Kamu dapat memakai calc() dimanapun Anda dapat menggunakan nilai berdasarkan panjang dalam CSS. Contoh yang Anda berikan berhasil, tetapi sebenarnya menambahkan hingga 0. Berikut ini adalah demo yang sedikit diubah untuk diilustrasikan: http://jsfiddle.net/joshnh/6ydR3/

Juga, pastikan untuk mencantumkan versi yang belum diperbaiki yang terakhir.

Mencampur persentase dengan jenis nilai lain dalam fungsi calc () dalam transformasi tampaknya tidak berfungsi sama sekali di Chrome. Saya akan melaporkan ini sebagai bug.

PEMBARUAN: Ini telah dilaporkan sebagai bug di sini: https://code.google.com/p/chromium/issues/detail?id=150054


9
2017-09-14 04:19



Berhasil: http://jsfiddle.net/qdJwY/2/

(edit: Diuji hanya di Firefox)

Dalam contoh Anda, itu terjadi begitu saja 100% = 200px, jadi Anda menerjemahkan dengan nol.


2
2017-09-14 03:58