не работает text-align:justify

d.maria · June 14, 2012

Добрый день!

Мой html создается програмно из файла Word (который по сути XML). Моя задача отобразить этот файл в html.

поэтому текст разбивается на части, которые в свою очередь заключены в <bdi>.

при этом мне нужно выставить свойство параграфа text-align:justify.

при выставлении "в лоб" ничего не получается. точнее не получается, если текст двуязычный (а в этом случае еще и двунаправленный)

вот html:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
  </head>
  <article>
    <section>
      <p style="direction:rtl; white-space:nowrap; text-align:justify;">
        <span>
          <bdi style="direction:rtl; ">
            <span class="txt0">?? ???? ????? ?? ????</span>
            <span class="txt0"> </span>
            <span class="txt0">?</span>
          </bdi>
          <bdi style="direction:ltr; ">
            <span class="txt0">-</span>
            <span class="txt1">www.google.com</span>
            <span class="txt0">,</span>
            <span class="txt0"> </span>
          </bdi>
          <bdi style="direction:rtl; ">
            <span class="txt0">???? ??????</span>
            <span class="txt0"> </span>
            <span class="txt0">?</span>
          </bdi>
          <bdi style="direction:ltr; ">
            <span class="txt0">-DNS</span>
            <span class="txt0"> </span>
          </bdi>
          <bdi style="direction:rtl; ">
            <span class="txt0">????</span>
          </bdi>
          <bdi style="direction:ltr; ">
            <span class="txt0">.</span>
            <span class="txt0"> </span>
            <span class="txt0">DNS</span>
          </bdi>
        </span>
        <br />
        <span>
          <bdi style="direction:rtl; ">
            <span class="txt0">??? ?????</span>
            <span class="txt0"> </span>
            <span class="txt0">
              <u>???? ?????? ?? ?? ???? ?????? ????????</u>
            </span>
            <span class="txt0"> </span>
            <span class="txt0">
              <u>???</u>
            </span>
            <span class="txt0">.</span>
            <span class="txt0"> </span>
            <span class="txt0">????? ?? ??????</span>
          </bdi>
        </span>
        <br />
        <span>
          <bdi style="direction:rtl; ">
            <span class="txt0">???? ??? ????? ????? ???????? ?? ??? ?????</span>
          </bdi>
          <bdi style="direction:ltr; ">
            <span class="txt0">                 </span>
          </bdi>
          <bdi style="direction:rtl; ">
            <span class="txt0"> </span>
            <span class="txt0">??? ?????.</span>
          </bdi>
        </span>
        <br />
      </p>
    </section>
  </article>
  <style type="text/css">.txt0{font:12pt "Arial"; }.txt1{font:bold 12pt "Arial"; }</style>
</html>

Извиняюсь, что код очень длинный. как уже говорила, его строит программа, тут ничего не сократить

что можете посоветовать?

Sign In

не работает text-align:justify

Question

d.maria

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information