it-swarm-eu.dev

Jak zabránit tomu, aby okraje tabulky zmizely během tisku?

Pracuji jen na webu, který má být vytisknutelný.

Jedním z problémů, na který narazím, je to, že některé okraje tabulek nebudou vytištěny, i když jsou správně zobrazeny na obrazovce.

Vyzkoušel jsem Firefox i Chrome. Oba zobrazují všechny okraje tabulky na obrazovce, ale při tisku vynechají některé okraje.

Co musím udělat, abych je vytiskl?

3
lyle

Zvažte vytvoření list stylů pro tisková média , který využívá místo ohraničení buněk a barvy pozadí vlastnost ohraničení tabulky - při tisku by se mělo vytvořit viditelné ohraničení:

table {
    border:solid #000 !important;
    border-width:1px 0 0 1px !important;
}
th, td {
    border:solid #000 !important;
    border-width:0 1px 1px 0 !important;
}
8
danlefree

Určili jste tiskovou šablonu stylů nebo sekci print @media uvnitř své existující šablony stylů?

Ve výchozím nastavení bude šablona stylů fungovat dobře na obrazovce (jak jste objevili); Pokud však výslovně neurčíte tiskovou šablonu stylů CSS, bude při tisku stránky výchozí nastavení výchozí styl prohlížeče (obvykle 15pt Times New Roman atd.).

Řešení 1: Přidejte druhou tiskovou šablonu stylů Zahrňte obě níže uvedené značky do vaší hlavy HTML:

<link rel="stylesheet" type="text/css" href="screenstyles.css" media="screen" /> <link rel="stylesheet" type="text/css" href="printstyles.css" media="print" />

Poté zkopírujte požadované styly formátování z screenstyles.css do printstyles.css (nebo vytvořte oba odkazy na šablonu stylů obrazovky).

Řešení 2: Pouze 1 šablona stylů, ale má v sobě print @media Váš jediný styl CSS by se vám líbil (vynechejte media = "" z vaší značky css link rel

0
Dane Sonders