Maison >interface Web >tutoriel HTML >css中calc()的使用_html/css_WEB-ITnose

css中calc()的使用_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:18:30879parcourir

calc()是css3中新出现的特性,可以用于动态计算,非常方便。

首先是兼容性

再来看看怎么使用

html{    font-size: 20px;}div{    width: calc(50% - 1px);    height: calc(100px + 1rem);}

要注意的是,计算符号两边需要留空格。

非常的简单易用。

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn