隐藏空白行

时间:2014-12-18 08:07:54

标签: css printing

我有一个打印表单,代码如下:

<p><span style="font-size:18px;"><small>[GUESTADDRESS]<br />
        [GUESTCITY]<br />
        [GUESTCUSTOMQ4]<br />
        [GUESTPOSTCODE]<br />
        [GUESTCOUNTRY]</small></span></p>
        </td>

当我想要打印时,如果没有特定字段的条目,我会得到一个空白行。 有没有办法隐藏空行进行打印?

请保持简单,因为我不是专家。我认为这是CSS,但我不确定!

1 个答案:

答案 0 :(得分:0)

如果某个特定字段没有条目,那么您可以在一个地方获得br标签,例如:

[GUESTADDRESS]<br />
<br />
[GUESTCUSTOMQ4]<br />
[GUESTPOSTCODE]<br />
[GUESTCOUNTRY]

因此,只要该字段没有内容,您就会在一个地方看到多个断行,您可以这样做:

@media print{
    br~br{display:none;}
}