我需要在打印文档中画一条小的垂直分隔线。当我通过CSS类应用它时,它可以与Firefox和IE8一起很好地工作,但是样式不适用于chrome。样式在我的css文件的@media打印中。
.verticalLine1
{border:0.5px #B1B1B1;
border-style:solid;
border-top-width:15px;
width:1px;
}
有解决这个问题的指针吗?
最佳答案
在您的CSS文件中尝试以下操作:
.verticalLine1 {
visibility: hidden;
border: 0.5px #B1B1B1;
border-style: solid;
border-top-width: 15px;
width: 1px;
}
@media print {
.verticalLine1 {
visibility: visible;
}
}
并包含没有
media="screen"
属性和任何JavaScript click事件的CSS文件<link href="styles/print.css" rel="stylesheet" type="text/css"/>
关于css - Chrome中的打印命令不适用于CSS样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13584642/