css input 글자 정렬 질문 있습니다 ㅠ ㅠ

Question

css를 너무 잘 몰라서 w3schools에서 모르는 부분 공부해보는 도중 아래 코드를 작성했는데 문제가 생겼습니다.

Create a Flex Container

1

현재 위 코드의 실행 결과는 보다시피 나오는데 form태그 내에 display flex 속성으로 div요소들을 나타내고 있습니다.그리고 첫 번째 div에서의 input과 두 번째 div에서의 textarea를 살펴보면 input 태그에서는 현재 사진처럼 글자를 입력하면 왼쪽 중앙에서부터 글자가 시작됩니다,, textarea는 왼쪽 위에서부터 글자 입력이 되고 있습니다.css를 잘 모르다보니 기초적인 부분일수도 있지만 알려주시면 감사하겠습니다 ㅠ ㅠ

kenu,전독시 · Answer

textarea를 input으로 바꾸면 되지 않나요?

캐티 · Answer

input과 textarea는 가상객체이므로 flex 디자인 모델이 적용되지 않고, text-align:[left center right] 속성을 상속받아 좌측 중앙 우측 정렬이 가능해요. padding 값을 잘 조정하면 수직 정렬도 어느정도 흉내낼 수 있겠어요.

녹호 · Answer

textarea 자체는 가운데에 잘 정렬이 됐습니다. 여러줄 입력되는 요소이기 때문에 저렇게 보인것입니다. 만약 input과 비슷하게 여백을 주고싶으신거라면 상하 padding을 주시면 됩니다.

css input 글자 정렬 질문 있습니다 ㅠ ㅠ

3개의 답변

Q&A 목록