CSS не работает с xhtml2pdf Django

Я пытаюсь улучшить свой сгенерированный PDF-файл, созданный xhtml2pdf, с некоторыми CSS style в моем Django Project.

Хотелось бы например justify a text block, но видимо не работает и не нахожу почему. Я читаю много документации об этой библиотеке, я написал несколько скриптов CSS, но ничего.

Это мой файл HTML:

<html>
    <head>
    {% load staticfiles %}
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
    <link rel="stylesheet" type="text/css" />

    <style>
            p {text-align: justify;}
    </style>
    </head>

    <font face="Courier New, monospace"

    <body>
        <logo class="logo">
        <img src='/Users/valentinjungbluth/Desktop/Django/Etat_civil/Etat_civil/static/images/logo.png' />
        </logo>
        <h2 align="center"> <font color="red" size="6"> ACTE DE NAISSANCE <br /> COPIE INTEGRALE </font></align> </h2>

        <br></br>
        <br></br>

        {% block content %} 

        <h3 align="left"> ACTE DE NAISSANCE N° {{birthcertificate.id}} / {% now "Y" %} {{birthcertificate.firstname}} {{birthcertificate.lastname}}</align> </h3>

        <br></br>

        <p>Le {{birthcertificate.birthday}} est né, {{birthcertificate.firstname}} {{birthcertificate.lastname}}, du sexe {{birthcertificate.sex}}, <br />
        de {{birthcertificate.fk_parent1.firstname}} {{birthcertificate.fk_parent1.lastname}}, né à {{birthcertificate.fk_parent1.birthcity}} ({{birthcertificate.fk_parent1.country}}) le {{birthcertificate.fk_parent1.birthday}}, {{birthcertificate.fk_parent1.job}},<br />
        et de {{birthcertificate.fk_parent2.firstname}} {{birthcertificate.fk_parent2.lastname}}, née à {{birthcertificate.fk_parent2.birthcity}} ({{birthcertificate.fk_parent2.country}})<br />
        le {{birthcertificate.fk_parent2.birthday}}, {{birthcertificate.fk_parent2.job}}, domiciliés au {{birthcertificate.fk_parent1.adress}}.
        </p>
        <br></br>

            Dressé le {% now "SHORT_DATETIME_FORMAT" %} à ... , lecture faite et invité à lire l'acte, a signé avec Nous, <br /> {{user}}, chevalier de la Légion d'honneur, officier de l'Etat Civil.


        <h3> Le {% now "SHORT_DATETIME_FORMAT" %}
        <br /> Par la présente, l'Officier d'Etat Civil certifie la conformité de la présente déclaration </h3>

        <br></br>

        <h3 align ="right"> L'Officier d'Etat Civil </align> </h3>
        <h3 align ="right"> Signature et tampon </align> </h3>

        {% endblock %}

        </font>
    </body>
</html>

Когда я создаю PDF, я получаю этот файл:

введите здесь описание изображения

Как видите, текст блока не выровнен. Я также пытался добавить background-color, но всегда одна и та же проблема, она не учитывается.

Большое спасибо, если у вас есть идея!

ИЗМЕНИТЬ:

Я нашел ответ: предложения были недостаточно длинными, чтобы оправдать текст!


person Essex    schedule 04.01.2017    source источник
comment
попробуйте указать идентификатор для каждого элемента, которому вы задаете стиль css, например, вместо ‹p› сделайте его ‹p id='first_p'›, а затем выполните стиль   -  person Ajay Gupta    schedule 04.01.2017
comment
что вы имеете в виду под своим комментарием EDIT? можете ли вы объяснить больше, пожалуйста?   -  person Carlos Andres    schedule 04.11.2018


Ответы (1)


У вас нет атрибута CSS «выравнивание текста: выравнивание» в xhtml2pdf. Интегрированы следующие атрибуты:

background-color
border-bottom-color, border-bottom-style, border-bottom-width
border-left-color, border-left-style, border-left-width
border-right-color, border-right-style, border-right-width
border-top-color, border-top-style, border-top-width
colordisplay
font-family, font-size, font-style, font-weight
height
line-height, list-style-type
margin-bottom, margin-left, margin-right, margin-top
padding-bottom, padding-left, padding-right, padding-top
page-break-after, page-break-before
size
text-align, text-decoration, text-indent
vertical-align
white-space
width
zoom

Здесь документация

person mtt2p    schedule 04.01.2017