반응형
HTML 텍스트 상자에서 텍스트를 어떻게 오른쪽 정렬합니까?
열에 많은 숫자 값을 표시해야합니다. 이러한 값은 쉽게 편집 할 수 있어야하므로 테이블에 표시 할 수 없습니다. 텍스트 상자를 사용하여 표시하고 있습니다. 텍스트 상자에 표시된 텍스트를 오른쪽 정렬하는 방법이 있습니까? 사용자가 데이터를 입력 할 때 오른쪽에서 입력 한 내용을 표시하기 시작하면 좋을 것입니다.
스타일을 설정해 보셨습니까?
input {
text-align:right;
}
방금 테스트 한 결과 제대로 작동합니다 (적어도 FF3에서는).
<html>
<head>
<title>Blah</title>
<style type="text/css">
input { text-align:right; }
</style>
</head>
<body>
<input type="text" value="2">
</body>
</html>
이러한 입력에 클래스를 던지고 해당 클래스를 선택기로 사용하고 싶을 것입니다. 나는 "rightAligned"또는 이와 비슷한 것을 피할 것입니다. 클래스 이름에서 요소의 기능이 무엇인지 설명하고 렌더링하는 방법을 설명하려고합니다. "숫자"가 좋을 수도 있고 텍스트 상자의 비즈니스 기능 일 수도 있습니다.
인라인 스타일 사용 :
<input type="text" style="text-align: right"/>
또는 다음과 같이 스타일 시트에 넣습니다.
<style>
.rightJustified {
text-align: right;
}
</style>
클래스를 참조하십시오.
<input type="text" class="rightJustified"/>
style="text-align: right"입력 태그에 적용 합니다. 이렇게하면 항목이 오른쪽 정렬 될 수 있으며 (적어도 Firefox 3, IE 7 및 Safari에서는) 오른쪽에서 흘러 나오는 것처럼 보일 것입니다.
참고 URL : https://stackoverflow.com/questions/167027/how-do-you-right-justify-text-in-an-html-textbox
반응형
'programing' 카테고리의 다른 글
| 개체를 이미 정의 된 변수로 분해하는 방법은 무엇입니까? (0) | 2020.11.20 |
|---|---|
| Ansible : 명령 줄에서 역할을 실행할 수 있습니까? (0) | 2020.11.20 |
| '필드를 찾을 수없는 유형의 빈이 필요합니다.' (0) | 2020.11.19 |
| Java의 -Xms 및 -Xmx 옵션의 트레이드 오프 속도 (0) | 2020.11.19 |
| Django의 "단순한 모듈 없음"오류 (0) | 2020.11.19 |