Question

我一直在尝试使用此代码在我的textarea中打印行：

这是代码：

＆＃13;

.notes {
    background-image: -webkit-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -moz-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -ms-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -o-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-size: 100% 31px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    line-height: 31px;
    font-family: Arial, Helvetica, Sans-serif;
    padding: 8px;
}

.notes:focus {
    outline: none;
}

body {
    background-color: #eee;
}

＆＃13;

<textarea class="notes"></textarea>

＆＃13;

我在表格中使用了多个带有多个TD单元格的textarea框。当我使用另一个功能时，我的textarea框的高度也从21px，42px和63px调整，但textarea中的字体和线条保持不变。屏幕上的一切看起来都很好。

问题是当我尝试打印它时，我的textarea框中的行有时不会出现。

我使用代码使用以下代码打印填充了输入textarea的网页内容：

frameDoc.document.write（＆＃39; .worksheet_format_part2_input_textbox {背景颜色：白色;背景图片： -webkit-linear-gradient（白色，白色18px，＃ccc 18px，＃ccc 20px，白色20px）;背景大小：100％20px;行高：20px;字体大小：13像素; 填充：2px; border：1px solid #ccc; }＆＃39）;

例如，如果我将textarea高度设置为63px，则会显示4条输入线和3条打印线。但是一些单元格只有2条打印线（第一条输入线大于第二条和第三条，没有第四条输入线）。

这可能是什么问题？

更新：好的我不确定我是否已经正确解释了它，但基本上我尝试在我的textarea中添加行并使用javascript调整大小，后来会打印出来。在屏幕上显示它们应该是，但是一旦我预览打印，textarea线就会丢失。

我查看了调整我的textarea大小的代码，看来这是我更改高度时导致问题的原因，例如：

var e_notes = document.getElementsByClassName（＆＃39; notes＆＃39;）; for（var i = 0; i ＆LT; e_notes.length;我++）{ e_notes [i] .style.height =＆＃34; 90px＆＃34 ;; // e_notes [i] .style.height = 4 +＆＃34; em＆＃34 ;; }

＆＃39;笔记＆＃39;是我所有textarea元素正在使用的textarea类的名称。在CSS中我设置了固定的宽度和高度（高度：100px;宽度：100px;）。将新高度设置为90px将起作用，但线条将丢失。如果我将其设置为100px（原始大小），则显示行。我还在努力。似乎可能需要再次重新加载textarea元素？

textarea的印刷线并不一致

0 个答案: