在CSS3的@page内动态设置样式

时间:2017-09-20 06:57:56

标签: css html5 css3

是否可以在@page内动态设置“padding-top”的值?

 <html>
   <head>
     <style>
       @page{ padding-top:80px; }
     </style>
    </head>
 </html>

我想要这样的东西

 <style>
 @page{ padding-top : heightSlider + 30 + 'px' }); 
 </style>
 <script>
 var heightSlider = $('#container_slider').height(); 
 </script> 

这可能吗?

2 个答案:

答案 0 :(得分:1)

@page CSS at-rule用于在打印文档时修改一些CSS属性。您无法使用@page更改所有CSS属性。 您只能更改文档的边距,孤儿,窗口和分页符。尝试更改任何其他CSS属性将被忽略。

答案 1 :(得分:0)

根据文件https://developer.mozilla.org/en-US/docs/Web/CSS/%40page

,如果我错了,请纠正我
  

'您只能更改边距,孤儿,寡妇和分页符   文件。'

所以,我认为不可能改变填充。