CSS изчислено () имот ни позволява да изпълняваме прости изчисления на плочи от стилове.
Ето един набор от правила, показва как да използвате свойствата на изч ():
контейнер # 123;
височина. изчислено # 40; 100% - 50px # 41; ;
ширина. изчислено # 40; 100% - 40px # 41; ;
# 125;
Ние може да изпълнява само аритметични изчисления с изчислено ():
изчислено собственост () работи с много видове измервания в CSS:
изчислено () собственост, не може да работи с CSS цветови стойности.
изчислено () изчисляване ще бъдат най-полезни, когато изчислените стойности са смес от относителните и фиксирани единици.
Първо, нека да говорим за това, кога ние не използваме изчислено () имота.
/ * Не правете това * /
Разделение # 123;
ширина. изчислено # 40; 600px / 2 # 41; ;
# 125;
Правилото по-горе, ние извършваме изчислението, че ние можем лесно да се направи. Следователно, за да ни CSS е по-разбираеми и да се избегнат ненужни изчисления браузър, който може да забави нашата уеб страница, че би било добре, ако ние ще се получи реална калкулатор и изчисли желаните стойности:
Разделение # 123;
ширина. 300px;
# 125;
Къде да използвате изчислено ()
изчислено () собственост става изключително полезно, когато една от стойностите е относително единица, а другият - фиксирани. Тази способност да се комбинират различни единици особено полезни в адаптивния уеб дизайн.
Ето един пример на контейнера, който винаги ще бъде на лявото и дясното поле на 20px, независимо от размера на екрана:
контейнер # 123;
марж. 0 автомобил;
ширина. изчислено # 40; 100% - 40px # 41; ;
# 125;
В този случай, ние можем да осигурим комфортна четимост на съдържанието ни, без значение какво устройство се използва. И по този начин от центриране на "каучук" контейнер изисква само минимална CSS и HTML. Други методи за проектиране на адаптивния уеб дизайн за постигане на желания резултат, ще изисква повече код и може да доведе до такива неща като отрицателни маржове, медийни заявки и допълнителни HTML-контейнери.
Спецификация за изч () е описан в W3C CSS стойности и елементи модул 3. Имайте предвид, че в момента собственост на изч () е един от трите CSS свойства се подчертава в спецификацията като рискова група. Ето какво казва той CR: следните свойства са изложени на риск, и могат да бъдат отстранени по време на периода CR: изчислено (), Превключване на (), ATTR ().
В момента, изчислено собственост () се запазва приблизително 82% от всички браузъри, използвани в интернет, според caniuse.com. Internet Explorer 9 е частичен подкрепа за изч (). в по-новите версии на браузъра има пълни поддържащи функции.
Свързани статии