javascript - 使用外部 css 或插入样式标签来记录片段

Question

我有动态创建的文档片段并发送到我的打印机进行打印。

var docHtml = document.createDocumentFragment();

var container = document.createElement("div");
container.innerHTML = "<div>" +
                            "Some content goes here" +
                      "</div>";

docHtml.appendChild(container);
var docsToPrint = MSApp.getHtmlPrintDocumentSource(docHtml);

1) 我在打印边距方面有问题，我不知道/在哪里放置我的 css 规则:

@page { 
    margin:0cm;
}

进入我的文档片段？

2) 是否有可能以某种方式在文档片段中使用外部 css 文件或使用所有 css 规则将“style”标签插入到片段中？

Answer 1

只要您在其中创建 div 的 HTML 页面链接到您的 css 文件，这应该不是问题。

试试这个:

container.innerHTML = "<div style='margin:0;'>" +
                            "Some content goes here" +
                      "</div>";

或更优雅:

container.innerHTML = "<div class='nomargin'>" +
                            "Some content goes here" +
                      "</div>";

在你的 CSS 中:

.nomargin { margin:0 }