2

印刷ドキュメントに小さな縦の区切り線を引く必要があります。CSSクラスを介して適用すると、FirefoxとIE8でうまく機能しますが、スタイルはクロムに適用されません。スタイルは、私の css ファイルの @media print にあります。

.verticalLine1 
{border:0.5px #B1B1B1;
border-style:solid;
border-top-width:15px;
width:1px;
}

この問題を解決するための指針はありますか?

4

3 に答える 3

2

CSSファイルでこれを試してください：

.verticalLine1 {
    visibility: hidden;
    border: 0.5px #B1B1B1;
    border-style: solid;
    border-top-width: 15px;
    width: 1px;
}
@media print {
    .verticalLine1 {
        visibility: visible;
    }
}

属性なし、JavaScript クリック イベントなし のCSS ファイルをインクルードします。media="screen"

<link href="styles/print.css" rel="stylesheet" type="text/css"/>
于 2012-11-28T09:38:22.707 に答える
0

ボーダーに画像を追加することは決して良い考えではありません。また、chrome は 10 進数の値を最も近い数値に切り捨てることに注意する必要があります。このため、0.5px は代わりに 0px として解釈されます。0.5px ではなく 1px を使用することをお勧めします。これにより、非常に多くの問題が解消されます。

于 2015-08-07T07:12:12.607 に答える
0

哀れな2日間の後、私は適切な修正を行うことができませんでした.しかし、いくつかの代替手段がありました.

コードとインラインでスタイルを書くことは、かなり完璧に機能しました。コードは以下のようになります

<div style="border:0.5px #B1B1B1;border-style:solid;border-top-width:15px;width:1px;"></div>

以前のアプローチは優れたコーディング方法ではないため、上記の寸法で画像を作成することを余儀なくされ、それをコードの一部として追加しました。

cssではないにしても、chrome.Atleastのおかげで画像が追加されます。

于 2012-12-03T14:46:06.000 に答える