작은 프로그램인 Ruhe는 페이지 레이아웃 기능을 수행하기 위해 뷰의 내부 구성 요소를 사용합니다.

이 글은 페이지 레이아웃 기능을 수행하기 위해 작은 프로그램을 사용하는 방법과 뷰 내부 구성요소를 사용하는 방법을 주로 소개합니다. 이제는 필요한 친구들이 참고할 수 있도록 공유합니다. ## 🎜🎜#

관련 지식 포인트:

1. 🎜#

2. 가운데 정렬

예: 　　# 🎜 🎜#

1. 기본 레이아웃, 하나의 상위 구성 요소에 두 개의 하위 뷰

🎜##🎜 🎜#　표시 효과: 　　

2 먼저 상위 뷰의 높이와 색상 값을 설정하는 데 사용됩니다. 효과

　　🎜##🎜 🎜#

3 스타일 　#. 🎜🎜#

가로 배열:

#🎜🎜 # 　　 ------>------>

# 🎜🎜#4. 센터링 효과를 얻으려면

센터링 효과는 가로 3개 배열 또는 세로 배열에 따라 두 가지 상황으로 구분됩니다.

①, 이 가로로 정렬된 경우 , justify-content:center ;

이 가로로 가운데 정렬

# 🎜🎜#

　　　

--------->

② 🎜🎜#

을 가로로 정렬하고,

align-items:center;

가 세로로 가운데로

　　　#🎜 🎜# -- --------->

3、때

세로로 배열# 때 🎜🎜# ,

justify-content:center;

세로 중심으로 결정 　　　　　　 ------- ---- -------------->

4, 이 세로로 배열된 경우 , align-items :center;

가로 가운데 맞춤

　　　 ------------------------- >#🎜 🎜#⑤, align-items:center; 및 justify-content:center가 모두 존재하는 경우

,

regardless#🎜 🎜#설정 방법 상위 뷰의 배열 방향이고 해당 하위 뷰는

가로 및 수직 중앙에 위치합니다.

　　　　　　　　　　　　　🎜 #-- -------- --------------->위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 추천:

미니 프로그램에서 캐러셀 기능을 구현하기 위한 스와이퍼 컴포넌트 사용법

동적 컨트롤 컴포넌트의 표시 미니 프로그램에서

항목의 클릭 이벤트를 바인딩하기 위해 for 루프를 사용하는 작은 프로그램 구현
#🎜 🎜#

위 내용은 작은 프로그램인 Ruhe는 페이지 레이아웃 기능을 수행하기 위해 뷰의 내부 구성 요소를 사용합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!