Mam element div overflow:hidden
, w którym pokazuję numer telefonu, gdy użytkownik go wpisuje. Tekst wewnątrz elementu div jest wyrównany do prawej strony, a nadchodzące znaki są dodawane do prawej, gdy tekst rośnie w lewo.
Ale gdy tekst jest wystarczająco duży, aby nie zmieścić się w div, ostatnie znaki liczby są automatycznie przycinane, a użytkownik nie widzi nowych znaków, które wpisuje.
To, co chcę zrobić, to przyciąć lewe znaki, tak jak div wyświetla zawartość po prawej stronie i przepełnia lewą stronę. Jak mogę stworzyć taki efekt?
Odpowiedzi:
Czy próbowałeś użyć następujących:
Więcej informacji można znaleźć pod
adresem http://www.w3schools.com/cssref/pr_text_direction.asp
źródło
14:00–15:00
przejdzie do15:00–14:00
Firefoksa.direction: ltr
reguły, aby odwrócić efekt.Miałem ten sam problem i rozwiązałem go za pomocą dwóch elementów div. Zewnętrzny element div przycina po lewej stronie, a wewnętrzny element przestawia się po prawej.
Powinieneś być w stanie umieścić dowolną zawartość wewnątrz wewnętrznego div i przepełnić go po lewej stronie.
źródło
overflow: visible
aby zawartość mogła wyciekać z lewej strony .Możesz to zrobić
float:right
i przepełni się w lewo, ale w moim przypadku muszę wyśrodkować element div, jeśli okno jest większe niż element, ale przepełnienie w lewo, jeśli okno jest mniejsze. Jakieś przemyślenia na ten temat?Próbowałem się bawić,
direction:rtl
ale nie wydaje się, aby zmieniało to przepełnienie elementów blokowych.Myślę, że jedyną odpowiedzią jest przesunięcie go w prawo, z elementem div po prawej stronie, który również jest przesunięty w prawo, a następnie ustawienie szerokości elementu div po prawej stronie na połowę pozostałej przestrzeni okna za pomocą jquery.
źródło
łatwo zrobić,
<span>
liczby i położenie zakresu absolutnego po prawej stronie elementu z ukrytym przepełnieniem.:)
rgrds Jake
źródło
To zadziałało jak urok:
źródło
Zmodyfikowano znaczniki HTML i dodano trochę javascript do rozwiązania jsFiddle firmy WebWanderer.
https://jsfiddle.net/urulai/bfzqgreo/3/
HTML:
CSS:
JS:
źródło