تبرير نص في HTML / XHTML ناحية النص

Question

واني اسعى حاليا لتبرير النص في جزء النص، للأسف CSS:

text-align: justify;

ولا يعمل على النص مثل مركز، اليسار واحقاق الحق. لقد حاولت ذلك في كل من فايرفوكس 3 و IE 7 مع أي حظ.

هل هناك أي وسيلة للتغلب على هذه؟

Answer 1

وأنا لا أعتقد أن هذا هو الممكن في العنصر أتش تي أم أل جزء النص. كنت قد تكون قادرة على استخدام نوع من محرر WYSIWYG (شعبة للتحرير). بمعنى آخر. فكيديتور

Answer 2

وتعاملت مع نفس القضية وتبين حل غبي جدا. تأكد من أن النص للظهور يندرج ضمن العناصر البداية ووسم النهاية في نفس الخط وليس في السطر التالي

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

Answer 3

واعتمادا على المتصفح الذي تستهدفه ... هذا الحل يعمل في كروم. أنها لا تعمل العمل في فايرفوكس ولكن ... ولكن أنا ما بعد ذلك على أي حال.

وبالإضافة إلى وضع مواءمة النصوص: تبرير، يجب أيضا تعيين البيضاء الفضاء: عادي

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

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

Answer 4

وأعتقد أن ممارسة شائعة لاستخدام TEXTAREA لإدخال دون worying حول مبرر. وبعد ذلك، مرة واحدة تتم معالجة المدخلات (أي أن قدم FORM، أو يتم التقاط حدث من TEXTAREA)، يتم عرض محتويات عنصر نص غير قابل للتحرير (مثل P، SPAN، TD) حيث السمة أسلوب text-align: justify; وسيتم تكريم.

Answer 5

وبالنسبة لي (في فايرفوكس)، هذا الرمز يعمل تماما:

textarea{
    resize: none;
    text-align: justify;
    white-space: pre-line;
    -moz-text-align-last: left;
    text-align-last: left;
}

Answer 6

شعبة مع contenteditable = "صحيح" عملت في حالتي. لا يعمل لمعظم متصفحات الجوال بالرغم من ذلك.

<div contenteditable="true">Some content</div>

Answer 7

وأنه يعمل بشكل جيد على الكروم، ولكن ليس على IE.

ومواءمة النصوص: تبرير؛ أبيض الفضاء: عادي؛