【问题标题】:margin not working when i convert html to pdf on button click当我在按钮单击时将 html 转换为 pdf 时,边距不起作用
【发布时间】:2017-05-16 08:59:30
【问题描述】:

我想在 durgeshlast 单词之间加空格,所以我使用这个 CSS:-

"margin-left: 20px"

在浏览器上工作正常,但是当我通过 generate pdf 按钮生成 pdf 时

CSS 属性不起作用

请在新窗口中打开 js fiddle 链接,因为 “生成 PDF” 按钮不起作用 StackOverflow

<script async src="//jsfiddle.net/5ud8jkvf/9475/embed/"></script>

【问题讨论】:

    标签: html css pdf-generation


    【解决方案1】:

    使用media="print"

    <link rel="stylesheet" type="text/css" media="print" href="mystyle.css">
    
    @media print {
      /* css code goes here */
    }
    

    &lt;style type="text/css"&gt; @media print { } &lt;/style&gt; 或者你可以使用&lt;style media="print"&gt;&lt;/style&gt;

    【讨论】:

    • 但我使用的是内联 css
    • 然后你必须制作边距属性类并将它们放入 media="print"
    • 它不工作请帮助! @media print { .space{ 左边距:20px; } HTML

      名称:durgesh最后:Dangi

    • @media print { .space { margin-left: 20px; } } 你可以使用
    • @media print { .space{ margin-left: 20px; } } 感谢您的帮助,但它不工作
    猜你喜欢
    • 2018-11-03
    • 1970-01-01
    • 1970-01-01
    • 2013-03-23
    • 1970-01-01
    • 1970-01-01
    • 2019-04-06
    • 2021-11-24
    • 1970-01-01
    相关资源
    最近更新 更多