홈>
이미지에서 볼 수 있듯이 왼쪽과 오른쪽 공간을 텍스트 내부에 배치하고 싶습니다. 텍스트 들여 쓰기로 왼쪽 공간을 넣을 수 있었지만 올바른 공간에서는 작동하지 않는 것 같습니다.
아무도 나를 도울 수 있습니까? 샘플 이미지
- 답변 # 1
- 답변 # 2
여기서 입력은 들여 쓰기를 위해 오른쪽 패딩을 남길 수 있습니다.
input {padding: 0 5px}
위의 입력은 왼쪽과 오른쪽으로 5px의 공간을 차지합니다.
- 답변 # 3
마크 업에서 허용하는 경우 텍스트 들여 쓰기와 패딩을 결합하는 것이 좋습니다 :
text-indent: 10px; padding-right: 20px;
또 다른 방법은 "text-align : left"와 함께 "rtl"값을 가진 "direction"속성 일 수 있습니다.
- 답변 # 4
다음 코드를 시도하십시오
input{ border: none; padding: 10px; margin: 10px; height: 20px; width: 500px; border:1px solid #eaeaea; outline:none; } input:hover{ border-color: #a0a0a0 #b9b9b9 #b9b9b9 #b9b9b9; } input:focus{ border-color:#4d90fe; }
<div class="mainDiv"> <input type="text" /> </div>
- 답변 # 5
입력 텍스트에 패딩을 설정할 수 있습니다 :
input { padding: 0 5px /* 0 is for top and bottom | 5px is for left and right */ }
다음은 CSS 패딩 속성에 대한 문서입니다 : https://www.w3schools.com/css/css_padding.asp
관련 자료
- html - 텍스트 아래에 날짜 선택기를 표시하는 방법
- python - 각 색인의 목록에서 텍스트를 제거하는 방법
- Blazor에서 텍스트 상자에 포커스를 설정하는 방법
- html - 텍스트 수정 방법
- 텍스트 글꼴을 설정하고 VBA를 사용하여 Word의 방정식에 글꼴을 유지하려면 어떻게합니까?
- python - 목록의 텍스트 파일을 어떻게 변형합니까?
- html - 들어오는 텍스트를 암호로 숨기는 방법?
- dart - Flutter에서 텍스트에 마스크를 적용하는 방법
- selenium - 파이썬으로 태그에서 스팬 텍스트를 가져 오는 방법
- Flutter의 행에서 텍스트가 너무 길 때 자동 확장하는 방법
- python - 출력에 텍스트를 추가하는 방법
- Perl을 사용하여 텍스트 파일을 csv 파일로 구문 분석하는 방법
- objective c - iOS 텍스트 필드를 중지하는 방법 "-"를 "—"로 변환
- awk에 공백이있는 파일 이름을 넣는 방법
- php - api - useragent를 url get에 넣는 방법은 무엇입니까?
- c# - 텍스트 파일에서 읽은 다음 평균을 계산하는 방법
- 파이썬에서 텍스트로 href 링크를 얻는 방법
- python - 입력 필드에 텍스트를 보내는 방법
- bash - (정규식) 내에서 텍스트를 파일로 만드는 방법
- python - for 루프 내부의 텍스트 길이를 얻는 방법
관련 질문
- javascript : 부트 스트랩 모달은 닫은 후에도 몸에 패딩을 계속 추가합니다.
- html : 부트 스트랩 요소 간 간격 4.
- html : TextArea에서 자리 표시 자 텍스트를 수직으로 정렬하려면 어떻게합니까?
- javascript : 웹 도구로 카드 게임에서 이동합니다
- html : Chrome의 자동 필드는 둥근 입력 필드에 회색 모서리를 떠납니다.
- javascript : CSS 클래스 이름을 기반으로 배경색을 설정하십시오
- html : 백그라운드 비디오에서 헤더를 투명하게 만드는 방법?
- html : 피닝 바닥 글 Div는 화면 하단으로
- JavaScript를 사용하여 백분율 값이면 CSS 높이와 너비를 얻는 방법은 무엇입니까?
- css : 배경 비디오가 모바일에서 재생되지 않습니까?
한 텍스트 상자에 원하는 경우
class
를 추가하십시오 아래처럼css
에서 사용하십시오.양쪽을 원하면
padding
를 사용할 수 있습니다 이 방법을 사용하면 창에 적절한 공간이있을 때 작동합니다. 화면 크기에 공간을 유지하려면 테두리 상자를 사용할 수 있습니다.