我有一張桌子。在桌子上方，我畫了一條水平線。當我點擊打印按鈕時，整頁都顯示出來了，除了那幾行。這些行按如下方式生成:

$attachLinesTo = $('#dataset-wrap')

function createLine(x1, y1, l, colorClass) {
  return $('<div>')
    .appendTo($attachLinesTo)
    .addClass('line ' + colorClass)
    .css({
      position: 'absolute',
    })
    .width(l)
    .offset({
      left: x1,
      top: y1
    });
}

在普通視圖中(不打印),頁面顯示一切正確。只是在打印頁上，缺了幾行。

我想在打印視圖中顯示線條。

這里的css:

.line {
  transform-origin: 0 100%;
  height: 1px;
  border: 0;
}

.black {
  background-color: black;
}

默認情況下，您的瀏覽器不打印背景色。

您必須在瀏覽器中啟用后臺打印，或者只使用1px的上邊框(或下邊框)就可以了。

.line {
  transform-origin: 0 100%;
}

.black {
  border-top:1px solid #000;
}

<div class="line black"></div>

我改變了對div的認識，如下所示:

<div class="line black" style="position: absolute; width: 238.828px; top: 218.618px; left: 821.484px;"></div>

css是知道的:

.line {
        transform-origin: 0 100%;
    }

    .black {
        border-bottom:1px solid #000;
    }

它在頁面上可見，但在打印時不可見。