У меня есть div с overflow:hidden
, внутри которого я показываю номер телефона, когда пользователь вводит его. Текст внутри div выравнивается по правому краю, а входящие символы добавляются справа по мере увеличения текста влево.
Но как только текст становится достаточно большим, чтобы не помещаться в div, последние символы числа автоматически обрезаются, и пользователь не может видеть новые символы, которые он вводит.
Что я хочу сделать, так это обрезать левые символы, например, div показывает крайнюю правую часть своего содержимого и выходит за пределы левой стороны. Как мне создать такой эффект?
Ответы:
Вы пробовали использовать следующее:
Для получения дополнительной информации см.
Http://www.w3schools.com/cssref/pr_text_direction.asp.
источник
14:00–15:00
обратится15:00–14:00
в Firefox.direction: ltr
правилом, чтобы обратить эффект.У меня была такая же проблема, и я решил ее с помощью двух div. Внешний div выполняет обрезку слева, а внутренний div перемещает вправо.
Вы должны иметь возможность помещать любой контент во внутренний div и переполнять его слева.
источник
overflow: visible
чтобы контент мог просачиваться с левой стороны .Вы можете это сделать,
float:right
и он будет переполняться слева, но в моем случае мне нужно центрировать div, если окно больше элемента, но переполнение слева, если окно меньше. Есть мысли по этому поводу?Я пробовал поиграть,
direction:rtl
но, похоже, это не изменило переполнение блочных элементов.Я думаю, что единственный ответ - разместить его правильно, с div справа от него, который также перемещается вправо, а затем установить ширину div справа на половину оставшегося оконного пространства с помощью jquery.
источник
легко сделать,
<span>
числа и позиционирование диапазона абсолютно справа внутри элемента со скрытым переполнением.:)
rgrds джейк
источник
Это сработало как шарм:
источник
Изменена разметка HTML и добавлен некоторый javascript в решение jsFiddle от WebWanderer.
https://jsfiddle.net/urulai/bfzqgreo/3/
HTML:
CSS:
JS:
источник