인프런 커뮤니티 질문&답변
작성한 질문수
[실전 01] 텍스트의 좌우,상하 Fill container 적용 문제
작성
·
9
0
수업의 내용은 모두 이해되었지만 피그마에 동일 조건을 적용 시 같은 결과값이 나오지 않는 문제가 있습니다.
수업에서는 '베스트 웨스턴 호텔'에 좌우 Fill 만 적용했을 때 Wrap은 되지만 박스 안에 텍스트가 들어가지 않기 때문에 상하 Fill도 적용해야 한다고 말씀해주셨습니다.
캡쳐된 화면상 보시는 것과 같이 '베스트 웨스턴 호텔' 텍스트에 상하,좌우 Fill을 적용했으나 여전히 박스 내부로 텍스트가 들어가지 않아서 Wrap을 했을 때 텍스트가 겹쳐보이는 문제가 있습니다.
여러번 다시 시도해보았으나 결과값이 같아서 혹시 어떤 문제인지 알고 계시다면 알려주시면 학습에 적용해보도록 하겠습니다. 감사합니다:)
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
피그마에서 텍스트의 Fill container 설정에 관련된 문제를 겪고 계시군요. ‘베스트 웨스턴 호텔’ 텍스트에 좌우, 상하 Fill을 적용했음에도 불구하고 Wrap 설정 시 텍스트가 제대로 작동하지 않는 문제에 대해 설명드리겠습니다.
일반적으로 피그마에서 텍스트 상자가 예상대로 작동하지 않을 때 다음과 같은 점들을 체크해 보실 수 있습니다:
텍스트 상자의 Wrap 옵션 확인: 텍스트 상자의 Wrapping이 제대로 설정되어 있는지 다시 한번 확인해보세요. 텍스트 상자 설정에서 ‘Auto Width’로 되어 있으면, 텍스트가 상자 크기에 따라 줄 바꿈이 되지 않을 수 있습니다.
상위 프레임 또는 컨테이너의 특성 확인: 텍스트가 포함된 상위 프레임 또는 컨테이너에 특정한 Auto Layout 설정이 되어 있는지 확인해 보세요. 상위 요소의 제약에 따라 텍스트의 동작이 달라질 수 있습니다.
텍스트 스타일 확인: 텍스트의 글꼴 크기 및 스타일이 적절히 설정되어 있는지 확인합니다. 너무 큰 글꼴 크기나 특정 스타일로 인해 텍스트 상자에 맞지 않을 수 있습니다.
추가로 도움이 필요한 경우 또는 본인의 작업 환경 캡처를 첨부하여 문제를 더욱 구체적으로 설명해주시면 감사하겠습니다. 참고로, 아래의 유사 질문과 답변을 통해 문제 해결에 도움이 될 수 있는 정보를 드립니다:
- Constraint기능에서 Top & Bottom 기능이 연동이 안되네요 - Constraint를 설정할 때 발생할 수 있는 문제들에 대한 해결책을 다룬 답변입니다.
문제 해결에 도움이 되길 바라며, 피드백이 있으시면 언제든지 말씀해 주세요.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.