Question

我有：

function printContent2(div_id)
 {
     var content = document.getElementById(div_id);
     var map_src = window.open("", "PRINT MAP", "width=800,height=600,top=0,left=0,toolbar=no,scrollbars=no,status=no,resizable=no");
     map_src.document.write('<html><head>');
     map_src.document.write('<link rel="stylesheet"  href="/leaflet-0.5.1/0.7.3/leaflet.css"/>');
     map_src.document.write('</head><body>');
     map_src.document.write(content.innerHTML);
     map_src.document.write('</body></html>');
     map_src.document.close();
     map_src.focus();
     map_src.print();
  }
                           .mapstyle {
                               height: 100%;
                               height: -webkit-calc(100% - 69px);
                               height: -moz-calc(100% - 69px);
                               height: calc(100% - 74px);
                               margin-left: 420px;
                           }
  div id="map" class="mapstyle"

之后

printContent2('map');

在完整列表中显示。

我需要设置身高= 400px。

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Answer 1

你可以使用这样的东西：

   map_src.document.write("<html><head><style> #"+div_id+"{height:400px !important;font-size:12px;}</style>")

Answer 2

尝试添加Div换行

function printContent2(div_id)
 {
     var content = document.getElementById(div_id);
     var map_src = window.open("", "PRINT MAP", "width=800,height=600,top=0,left=0,toolbar=no,scrollbars=no,status=no,resizable=no");
     map_src.document.write('<html><head>');
     //map_src.document.write('<link rel="stylesheet"  href="/leaflet-0.5.1/0.7.3/leaflet.css"/>'); ** Remove this line
     map_src.document.write("</head><body><div style='height:400px;border:1px solid blue;'>");
     map_src.document.write(content.innerHTML);
     map_src.document.write('</div></body></html>');
     map_src.document.close();
     map_src.focus();
     map_src.print();
  }

更新后的答案：我看过您的代码。您的代码似乎存在问题。只需删除或评论下面的行，它就可以为我工作。

 map_src.document.write('<link rel="stylesheet"  href="/leaflet-0.5.1/0.7.3/leaflet.css"/>'); // Remove this Line.

如何设置打印内容的高度？

2 个答案: