12

HTML の段落テキストを完全に揃えて表示したいので (MS Word ファイルで起こるように)、フォーマットと固定幅の段落内のテキスト配置の「両端揃え」に問題があります。ただし、これは起こりません。それを達成するために何を変更する必要がありますか?

     <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>

編集:<pre>タグをタグに置き換える<p>と、コードは正しく機能します。誰かが私に理由を説明できますか?<pre>タグの使い方が間違っているのかもしれません。

4

3 に答える 3

18
  pre {
    text-align: left;
    white-space: pre-line;
  }
于 2015-03-13T14:52:59.507 に答える
16

テキストを正当化するには、スタイル<pre>を追加する必要がありますが、私の意見では、これはタグwhite-space: normal;を使用するポイントを逃しています。<pre>

- 編集 -

タグの代わりに、適切なスタイル<pre>で使用できます。<div>鬼ごっこの真似が<pre>上手で、遊びやすいです。

于 2012-01-19T01:11:55.357 に答える
1

タグを使用:

<pre><code>
Your text
Your text
</code></pre>

テキストの前にあるすべてのスペース、すべてのインデントを削除します。

于 2017-08-04T18:40:44.140 に答える