16

私は現在、テキストエリア内のテキストを正当化しようとしていますが、残念ながら CSS:

text-align: justify;

中央、左、右のようにテキストでは機能しません。私はこれを Firefox 3 と IE 7 の両方で試しましたが、うまくいきませんでした。

これを回避する方法はありますか？

4

7 に答える 7

22

私は同じ問題に対処し、非常に愚かな解決策を見つけました。表示されるテキストが、次の行ではなく、同じ行の開始タグ要素と終了タグ要素内にあることを確認してください

<textarea  name="description" readonly="readonly" rows="4" cols="66">Text aligned toward left</textarea>

そして好きではない

<textarea  name="description" readonly="readonly" rows="4" cols="66">
Text aligned toward left
</textarea>
于 2011-03-09T20:08:22.660 に答える
19

ターゲットブラウザによっては...このソリューションはChromeで機能します。ただし、Firefoxでは機能しません...しかし、とにかく投稿します。

text-align: justify の設定に加えて、white-space: normal も設定する必要があります。

    textarea {
        text-align: justify;
        white-space: normal;
    }

JSFIDDLE: http://jsfiddle.net/cb5JN/

于 2014-01-13T17:45:25.337 に答える
2

一般的な慣行は、TEXTAREA正当性を気にせずに for 入力を使用することだと思います。次に、入力が処理されると (つまり、FORMが送信されるか、 のイベントTEXTAREAがキャプチャされると)、コンテンツは編集不可能なテキスト要素 ( P、SPAN、などTD) に表示され、text-align: justify;スタイル属性が適用されます。

于 2009-01-09T04:17:24.350 に答える
2

私にとって（Firefoxの場合）、このコードは完全に機能します：

textarea{
    resize: none;
    text-align: justify;
    white-space: pre-line;
    -moz-text-align-last: left;
    text-align-last: left;
}
于 2016-04-03T01:10:51.073 に答える
1

私の場合、 contenteditable="true" で共通の div を使用するとうまくいきました。ただし、ほとんどのモバイル ブラウザでは機能しません。

<div contenteditable="true">Some content</div>
于 2012-02-28T19:21:47.343 に答える
0

これがhtml textarea要素で可能だとは思いません。ある種の wysiwyg エディター (編集可能な div) を使用できる場合があります。すなわち。fckeditor

于 2009-01-09T04:22:07.553 に答える
0

Chrome では正常に動作しますが、IE では動作しません。

テキスト整列: 正当化; 空白: 通常;

于 2014-11-13T09:45:44.920 に答える