В моем приложении пользователю разрешено определять собственные заголовки и поля для печати. Для заголовка пользователь может предоставить следующие два поля:
- (a) Верхняя граница страницы в мм (вверху страницы)
- (b) Маркер заголовка в мм (вверху страницы)
Поля (a) и (b) приведены на рисунке ниже:
Например, если пользователь предоставляет (а) как 10 мм и (б) как 100 мм, тогда высота "области заголовка" будет равна 90 мм.
Теперь содержимое в заголовке должно быть выровнено в верхней части области заголовка.
Есть ли способ установить высоту области заголовка и выровнять содержимое внутри этой области заголовка.
В настоящее время я делаю следующее для опции header-html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<style type="text/css">
body
{
border:0;
margin: 0;
padding: 0;
height: 90mm; //in actual program, this is set dynamically in PHP
}
</style>
<script type="text/javascript">
function subst()
{
//process the GET parameters and accordingly set the Header Region text info
}
</script>
</head>
<body onload="subst()">
<div>
//text
</div>
</body>
</html>
Параметр margin-top устанавливается как 100 мм.
Я попытался установить vertical-align: top для тела CSS, но это тоже не сработало.
Конечный результат, который я достигаю, похоже, не имеет содержимого области заголовка, выровненного вертикально или сверху. Это где-то чуть выше середины области заголовка.