Question

在具有大量打印组件的项目中，我正在使用boostrap类http://getbootstrap.com/css/来隐藏应该出现在屏幕上但不会出现在打印页面上的元素。这非常有效。

但我有一个div，它应该在打印页面上只显示，而不会出现在任何屏幕设备上。我从visible-print-block（在“打印类”一节）中读到的是，使用类<div class="visible-print-block"> <img class="img-responsive center-block" src=". . ."/> </div>应该可以实现这一点。不过，当我使用这个标记时：

array1 = ["happy", "sad","good", "bad","like"]
array2=["i like starhub", "i am happy with the starhub service", "starhub is      bad"," this is not awful"]

for i in array1:
    for j in array2:
        if i in j :
            print i

我的图像在屏幕和打印版本上都可见。

如何让这个div在打印页面上只显示？

Answer 1

您使用的是Bootstrap 3的哪个次要版本？在3.0中，没有可见打印块的类。确保使用最新的bootstrap。

或尝试使用：

.visible-print-block{display:none!important;}

不要忘记在媒体上打印您的元素：

@media print{ .visible-print-block{display:none!important;}}

在屏幕上显示时隐藏bootstrap元素

1 个答案: