Ortam çok sayfalı sayfa yazdırma Tablo kenarlığı düzeni Düzeni

Bunu yazdığımda, ikinci sayfadaki tablonun üstünde ve üstünde kenarlık eksik. Bunu nasıl düzeltebilirim? tablo stili bir şey varOrtam çok sayfalı sayfa yazdırma Tablo kenarlığı düzeni Düzeni

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <style type="text/css"> 
     @media print 
     { 
      body { 
       margin: 0; 
       padding: 0; 
       color: #000000 !important; 
       background-color: #ffffff !important; 
      } 
      * { 
       color: inherit !important; 
       background-color: transparent !important; 
       background-image: none !important; 
      } 
      table { 
       width: 100%; 
       border: 1pt solid #000000; 
       border-collapse: collapse; 
       font-size: 11pt; 
      } 
      #space { height: 750px; } 
     } 
    </style> 
</head> 
<body> 
    <br /><br /> 
    <h2>.</h2> 
    <div id="space"></div> 
    <table border="1"> 
     <thead> 
      <tr><th>Amount</th><th>label</th></tr> 
     </thead> 
     <tbody> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
     </tbody> 
    </table> 
</body> 
</html>

kaynak

2011-09-12 sid_com

Tarayıcınız nedir? FF6 üzerinde çalışıyor. Bir pdf oluşturursanız, zumun iyi olduğundan ve yakınlaştırma problemi olmadığından emin olun ... –

FF6. Bir pdf oluşturursam biraz daha iyi görünüyor ama henüz iyi değil: sol ve üst sınırlar var, ama daha sonra diğer sınırlar daha incedir. –

Değişim iyi görünüyor:

table { 
    border: 1pt solid #000000; 
    border-collapse: separate; 
    border-spacing: 0; 
    font-size: 11pt; 
    width: 100%; 
    }

Düzenleme: şey öncelikle mükemmel görünüyor sahip tüm tablo sınır ardından istediklerinizi her stil tanımlamak kaldırmak için, sırayla sınırına sadece bir satır var (th, td, tr için sınır oluşturun):

table { 
     border-collapse: separate; 
     border : 0px solid #000000; 
    border-spacing: 0; 
    font-size: 11pt; 
    width: 100%; 
    border-color: #000000 ; 
    border-right: 1px solid; 

} 
tr { 
    border-color: #000000 ; 
    border-style: none ; 
    border-width: 0 ; 
} 
td { 
    border-color: #000000 ; 
    border-left: 1px solid; 
    border-bottom:1px solid ; 
} 

th { 
    border-color: #000000 ; 
    border-left: 1px solid; 
    border-top:1px solid ; 
    border-bottom:1px solid ; 
}

kaynak

2011-09-14 15:01:26

Daha iyi görünüyor, ama henüz iyi değil. İlk sayfa alt sınırı ve ikinci sayfa üst sınırı, kalan kenarlıkların yalnızca yarısı kadar kalındır. –

Bu normaldir. Ama düzenlemede yeni "mükemmel" bir çözüm. –

Açıkça "none" değerine ihtiyaç duymazsam, gerekli olmayan tüm kenarlıklar çalışır. –

tabl marjı ver e tablonuzun daraltılmış bir kenarlığı olduğunda ikinci ve sonraki sayfalarda kırpmayı önlemek için tabloya kenarlık genişliği.

<table style="border:1px solid black; margin:1px;"> 
    <thead> 
     <tr><th>Amount</th><th>label</th></tr> 
    </thead> 
    ....

kaynak

2013-12-08 22:23:48 Peter

Ortam çok sayfalı sayfa yazdırma Tablo kenarlığı düzeni Düzeni

cevap

İlgili konular