Short
Попытка получить таблицу с точными размерами для печати a4
- Поля для первой и последней строк таблицы с верхней и нижней сторон бумаги должныбыть 11 мм
- Поля между строками '0 мм
- Строки таблицы должны быть в 4 мм от влево и вправо стороны бумаги
- 2 мм между каждым столбцом
- 38 мм ширина x 21,2 мм высота каждая ячейка
- 13 x строк, 5 столбцов, 13x5 = 65 ячеек
Вот скрипка JS
http://jsfiddle.net/tt13/ZjBrV/
Вопрос
Что я могу сделать в этомдело?Как получить таблицу с условиями, которые я объяснил выше?
Подробно
HTML-таблица выглядит так
<body>
<table>
<td>
<div class="bcell">
sample text2<br/>
<img src="..."/><br/>
sample text2
</div>
</td>
....
</table>
</body>
Использование css ниже для достижения результата печати формата A4, нополучить что-то абсолютно отличное от условий, которые я объяснил выше.
body {
padding:11mm 4mm 0 4mm;
background: white;
font-family: Arial;
width: 210mm;
font-size:3mm;
}
table {
page-break-after:always;
width: 100%;
height: 275mm;
margin:0 auto;
page-break-inside:avoid;
border-collapse: collapse;
}
td img {
height:10mm;
}
td {
width: 38mm;
height:21.2mm;
padding: 0 1mm 0 1mm;
font-style: bold;
text-align: center;
vertical-align:middle;
}
tr {
page-break-after:auto;
page-break-inside:avoid;
height:21.2mm;
margin:0;
padding:0;
page-break-inside:avoid;
}