매쉬업 작성기 > 매쉬업 > 반응형 매쉬업 > 반응형 컨테이너에서 항목 줄 바꿈
반응형 컨테이너에서 항목 줄 바꿈
컨테이너의 공간 제한으로 인해 항목이 컨테이너 밖으로 넘어가면 매쉬업 레이아웃이 깨질 수 있습니다. 컨테이너에서 항목의 방향에 따라 가로 또는 세로 스크롤 막대가 나타납니다. 컨테이너에 남은 공간이 없을 경우 항목을 새 행이나 열로 줄 바꿈하려면 줄 바꿈 옵션을 사용합니다. 다음과 같이 컨테이너 내에서 가로 및 세로로 줄 바꿈 방법을 지정할 수 있습니다.
가로
명령
위치
시작부터
컨테이너의 가운데에
컨테이너의 끝에
시작에서 끝까지 균등하게
각 줄 앞 뒤에 동일한 간격으로
세로
명령
위치
시작에
가운데
컨테이너의 끝에서
컨테이너의 시작에서 끝까지 균등하게
각 줄 앞 뒤에 동일한 간격으로
예를 들어, 다음 컨테이너에서는 가로 공간이 줄 바꿈되지 않은 네 개 항목을 모두 표시하는 데 필요한 너비보다 작습니다. 네 번째 항목이 사용 가능한 컨테이너 너비를 초과하며 스크롤 막대가 나타납니다. 컨테이너에서 항목을 줄 바꿈하여 빈 공간을 사용할 수 있으면 항목을 새 줄로 이동합니다.
다음 컨테이너에서 네 번째 항목은 컨테이너를 가로 축에 맞출 수 없으므로 세로 공간을 사용할 수 있게 됨에 따라 새 줄로 이동됩니다. 항목이 컨테이너의 중간에서 줄 바꿈됩니다.
도움이 되셨나요?