Възможно ли е една HTML страница да се държи например като страница с размер A4 в MS Word?
По същество искам да мога да покажа HTML страницата в браузъра и да очертая съдържанието с размерите на страница с размер А4.
За по-голяма простота приемам, че HTML страницата ще съдържа само текст (без изображения и т.н.) и няма да има например тагове <br>
.
Също така, когато HTML страницата се разпечата, тя ще излезе като страници с размер А4.
Би било доста лесно да принудите уеб браузъра да показва страницата със същите размери на пикселите като тези на A4. Възможно е обаче да се появят някои странности при изобразяването.
Ако приемем, че мониторите ви показват 72 dpi, можете да добавите нещо подобно:
<!DOCTYPE html>
<html>
<head>
<style>
body {
height: 842px;
width: 595px;
/* to centre page on screen*/
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
</body>
</html>
Използвал съм HTML, за да генерирам отчети, които се отпечатват правилно в реални размери на реална хартия.
Ако внимателно използвате mm като единици в CSS файла, би трябвало да сте добре, поне за единични страници. Хората обаче могат да ви объркат, като променят мащаба на печат в браузъра си.
Струва ми се, че си спомням, че всичко, което правех, беше за една страница, така че не трябваше да се притеснявам за странирането - това може да е много по-трудно.
Технически бихте могли, но ще отнеме много работа, за да накарате всички браузъри да отпечатват страницата точно така, както е показана на екрана. Освен това повечето браузъри налагат URL адреса, датата на печат и номерацията на страниците върху разпечатката, което не винаги е желателно. Това не може да бъде променено или забранено.
Вместо това бих ви посъветвал да създадете PDF файл въз основа на съдържанието на екрана и да сервирате PDF файла за изтегляне и/или отпечатване. Въпреки че повечето налични библиотеки за PDF са платени, има няколко безплатни алтернативи за създаване на основни PDF файлове.