HTML выравнивание текста по тексту с тегом <pre> - PullRequest
Новая
       29

HTML выравнивание текста по тексту с тегом <pre>

8 голосов
/ 19 января 2012

У меня проблема с выравниванием текста «выровнять» внутри абзаца с форматом и фиксированной шириной, потому что я хочу, чтобы текст абзаца в HTML выглядел полностью выровненным (как это происходит с файлом MS Word) Однако этого не происходит. Что мне нужно изменить, чтобы добиться этого? 

<code>     <pre style="color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: medium; width: 500px; text-align: justify;"> 

I have a problem with the text-align "justify" inside a paragraph with format and fixed width, because I want the paragraph text in HTML to appear totally justified (like it would happen with a MS Word file). However, this does not happen. What I need to modify to achieve it?

РЕДАКТИРОВАТЬ: если я заменю тег <pre> на тег <p>, мой код будет работать правильно. Может кто-нибудь объяснить мне, почему? Возможно, я неправильно использую тег <pre>.

Ответы [ 3 ]

11 голосов
/ 13 марта 2015 
  pre {
    text-align: left;
    white-space: pre-line;
  }
11 голосов
/ 19 января 2012

Чтобы выровнять текст в <pre>, вам нужно добавить white-space: normal; в ваших стилях, но, на мой взгляд, при использовании тега <pre> это не так.

- Правка -

Вместо тега <pre> вы можете просто использовать <div> с соответствующими стилями. Он может очень хорошо имитировать тег <pre> и с ним легче играть.

0 голосов
/ 04 августа 2017

Использовать теги: 

<pre><code>
Your text
Your text

Удалить все пробелы, предшествующие вашему тексту, все отступы.

...