当前位置 : 主页 > 网页制作 > JQuery >

jquery CSS calc()函数

来源:互联网 收集:自由互联 发布时间:2021-06-15
我遇到了这个页面 CSS LINK 我忍不住喜欢这个想法来计算不同单位的结果…… 但是我试过这个: $('selector').css({'width':'calc(100%-20px)'}); 但它不起作用……任何人都有任何想法如何工作,或为
我遇到了这个页面 CSS LINK
我忍不住喜欢这个想法来计算不同单位的结果……
但是我试过这个:

$('selector').css({'width':'calc(100%-20px)'});

但它不起作用……任何人都有任何想法如何工作,或为什么这不起作用?

jQuery不支持calc()值,也不支持任何当前浏览器.

在此处查看比较:http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29

在您的示例中,您可以只使用内部元素上的边距:

<div class="parent"><div class="elem"></div></div>

.parent{
    width:100%;
    background:green;
}
.elem{
    margin: 0 10px;
    background:blue;
}

这样,.elem将是100% – 20px宽.

网友评论