W przypadku wszystkich domyślnych danych tekst, który wypełniasz, zaczyna się po lewej stronie. Jak to zrobić, aby zaczynało się po prawej stronie?
html
css
forms
html-input
phz
źródło
źródło
Odpowiedzi:
Użyj właściwości wyrównania tekstu w swoim CSS:
Będzie to obowiązywać we wszystkich wejściach strony.
W przeciwnym razie, jeśli chcesz wyrównać tekst tylko jednego wejścia, ustaw styl inline:
źródło
Wypróbuj to w swoim CSS:
Aby wyrównać tekst do środka:
Ale powinien być wyrównany do lewej, ponieważ jest to domyślny - i wydaje się być najbardziej przyjazny dla użytkownika.
źródło
Proszę bardzo :
źródło
Przyjęta tutaj odpowiedź jest poprawna, ale chciałbym dodać trochę informacji. Jeśli używasz biblioteki / frameworka, takiego jak bootstrap, mogą być do tego wbudowane klasy. Na przykład bootstrap używa
text-right
klasy. Użyj tego w ten sposób:Uwaga: działa to również na inne typy danych wejściowych, np. Numeryczne, jak pokazano powyżej.
Jeśli nie używasz ładnego frameworka, takiego jak bootstrap, możesz stworzyć własną wersję tej klasy pomocniczej. Podobnie jak w przypadku innych odpowiedzi, ale nie zamierzamy dodawać go bezpośrednio do klasy wejściowej, więc nie będzie on stosowany do wszystkich danych wejściowych w witrynie lub na stronie, może to nie być pożądane zachowanie. Stworzyłoby to ładną, łatwą klasę css, aby wyrównać wszystko bez potrzeby wstawiania stylów lub wpływania na każde pole wprowadzania.
Teraz możesz używać tej klasy dokładnie tak samo, jak powyższe dane wejściowe z
class="text-right"
. Wiem, że nie zapisuje tak wielu naciśnięć klawiszy, ale sprawia, że kod jest czystszy.źródło
Jeśli chcesz wyrównać go do tekstu po utracie ostrości tekstu, możesz spróbować użyć modyfikatora kierunku. Spowoduje to wyświetlenie prawej części tekstu po utracie ostrości. np. przydatne, jeśli chcesz pokazać nazwę pliku na dużej ścieżce.
Obecnie nie selektor jest dobrze obsługiwany: Obsługa przeglądarki
źródło
źródło
Bez CSS: użyj właściwości STYLE do wprowadzania tekstu
STYLE = "text-align: right;"
źródło
text-align:right
jest zdecydowanie CSS.