tableを組んでいます。
cssでborder-bottomを指定しているtdとtdの間に、border:noneを指定したtdを挟んでいる箇所があるのですが、印刷プレビューにだけその部分にもborder-bottomが表示されてしまいます。
ブラウザ上ではborderは表示されていないのに、印刷プレビューで見るとborder-bottomが表示されてしまいます。
その他の箇所ではしっかりborder:noneが効いています。
下記のHTMLのその他の項目1、項目2、項目5、項目6は表示されませんが、
項目8の部分がborder-bottomが表示されてしまいます。
html
1<table> 2<tr> 3<td class="none">項目1</td> 4<td class="none">項目2</td> 5<td class="under">項目3</td> 6</tr> 7 8<tr> 9<td class="under">項目4</td> 10<td class="none">項目5</td> 11<td class="none">項目6</td> 12</tr> 13 14<tr> 15<td class="under">項目7</td> 16<td class="none">項目8</td> 17<td class="under">項目9</td> 18</tr> 19 20<tr> 21<td>項目10</td> 22<td>項目11</td> 23<td>項目12</td> 24</tr> 25</table>
css
1table,td { border-collapse: collapse; border-spacing: 0;} 2td { border: 1px solid #000;} 3td.under { border: none; border-bottom:1px solid #000;} 4td.none { border: none; border:0;}
あなたの回答
tips
プレビュー