使用自定义样式打印Bootstrap网格布局
约翰·杜
我当时正在使用Bootstrap Grid并进行布局。我要打印与网页上显示的完全相同的布局，并且布局不变。我尝试使用某种使用javascript的打印方法来添加自定义CSS代码，但这些都是徒劳的。
这是我要打印完全相同的示例布局（Fiddle）。
我尝试的最后一个打印JavaScript代码是：
<script>
var all_source_content = document.documentElement.innerHTML;
var DocumentContainer = document.getElementById('main_container');
var WindowObject = window.open('', 'PrintWindow', '');
WindowObject.document.writeln('<!DOCTYPE html>');
WindowObject.document.writeln('<html><head><title></title>');
WindowObject.document.writeln('<link rel="stylesheet" href="https://getbootstrap.com/docs/3.3/dist/css/bootstrap.min.css">');
WindowObject.document.writeln('<style></style>');
WindowObject.document.writeln('</head><body>');
console.log(DocumentContainer.innerHTML);
WindowObject.document.writeln(DocumentContainer.innerHTML);
WindowObject.document.writeln('</body></html>');
WindowObject.document.close();
WindowObject.focus();
WindowObject.print();
</script>
但这也没有帮助我。
我想要的布局：
阿马里什SM
在您的代码中，您正在创建一个新窗口。如果无法打开该窗口，它将返回一个空值。
如果您使用的是chrome浏览器，请检查您的控制台：
Uncaught TypeError：无法读取null的属性“ document”，您会看到此错误。
这是因为浏览器的默认设置，默认情况下会阻止弹出窗口。如果您愿意，可以将选项更改为允许。
然后，如果要按原样打印页面，则必须在打印时调整比例因子。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
- 上一篇：如何用for循环和def函数替换列值？
- 下一篇：为什么在我的学习过程中，R在传递命令（knn.pred = knn（train.X，test.X，train.Y，k = 1））时抛出错误（找不到函数“ knn”）？
相关文章
Related 相关文章
- 1
Bootstrap 4 网格布局自定义
- 2
RecyclerView Android 自定义网格布局
- 3
无法使用引导程序实现自定义网格布局
- 4
与自定义字体一起使用时，砌体网格布局插件会产生垂直间隙
- 5
Bootstrap 的网格布局
- 6
使用Bootstrap 3.0的网格布局
- 7
如何自定义回收者视图的网格布局管理器？
- 8
如何自定义回收者视图的网格布局管理器？
- 9
带有自定义网格布局的可扩展 ListView
- 10
Twitter Bootstrap网格布局
- 11
Bootstrap混合网格布局
- 12
Bootstrap混合网格布局
- 13
Bootstrap嵌套网格布局
- 14
使用CSS网格创建自定义布局
- 15
在 Bootstrap Carousel 中使用 Bootstrap 网格布局
- 16
Android ActionBar自定义布局样式
- 17
Android ActionBar自定义布局样式
- 18
无法使用React和Bootstrap创建自定义样式
- 19
Bootstrap 3中的简单网格布局？
- 20
Bootstrap网格布局，无边距
- 21
Bootstrap 3 和不同的网格布局
- 22
Bootstrap 4.1 网格布局比页面宽
- 23
如何使用bootstrap 3网格系统设计自定义网格？
- 24
如何使用标题和网格线创建自定义表格布局
- 25
使用图像创建CSS网格布局
- 26
自定义布局作为网格视图的项目
- 27
Xamarin.Forms 自定义网格视图替代布局
- 28
React-自定义样式Ag网格标题
- 29
如何在引导程序中设置网格布局样式？
我来说两句