جافاسكريبت - كيف تعرض الثلاث نقاط في حقل إدخال للقراءة فقط في متصفح أندرويد الافتراضي؟

كيف تقوم بضبط حقل الإدخال ليظهر النقاط الثلاث إذا كان النص طويلاً جدًا؟ حقل الإدخال للقراءة فقط وعرضه مضبوط على 100٪.

هل هذا ممكن؟ إذا لم يكن كذلك، كيف تفعل ذلك في جافاسكريبت؟

ملاحظة: على الرغم من أن هذا يبدو أنه يعمل على Chrome، إلا أنه لا يعمل على متصفح Android الافتراضي.

الـ CSS الحالي لحقل الإدخال الخاص بي:

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

شكراً!

الإجابة رقم 1

اعتمادًا على متطلباتك، يمكنك استخدام text-overflow في CSS لتحقيق ذلك:

HTML :

<input disabled="disabled" value="really really long text that will be trunked" />

CSS

input{
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: 100px;
}

عرض توضيحي: http://jsfiddle.net/yrPc8/

الإجابة رقم 2

أعتقد أن هذا الجواب سيساعدك

يمكنك إنشاء فئة وتطبيقها على textbox الخاص بك
HTML

<input type="text" readonly value="Lorem ispum dolor sit amit Lorem ispum dolor sit amit Lorem ispum dolor sit amit Lorem ispum dolor sit amit " class="ellipsis">

سي إس إس

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

لإصلاح مشاكل تجاوز النص في CSS على أجهزة أندرويد وفقًا لبين

*{
    text-rendering: optimizeLegibility;
}

تحقق منه مباشرة هنا http://jsfiddle.net/b4YjX/