CSS에서 컨테이너에는 어떤 속성이 있습니까?

컨테이너 속성은 CSS의 컨테이너 요소를 정의하여 크기, 레이아웃 및 콘텐츠 배열(크기 및 위치: 너비, 높이, 여백, 패딩)을 제어할 수 있습니다. 레이아웃: 디스플레이(인라인, 블록, 플렉스, 그리드). 플렉스 방향(행,열). 내용 정당화(시작, 끝, 가운데). 항목 정렬(시작, 끝, 가운데). 콘텐츠 배열: text-align(왼쪽, 가운데, 오른쪽), 수직 정렬(t

container 속성 in CSS

container는 CSS에서 컨테이너 요소를 정의하는 데 사용되는 속성입니다. 개발자가 제어할 수 있습니다.

width:

컨테이너의 너비를 정의합니다.
• margin:
컨테이너와 주변 요소 사이의 간격을 정의합니다.
• padding:
컨테이너의 내부 요소와 컨테이너의 가장자리
Layout

display: 컨테이너가 하위 요소를 표시하는 방법을 지정합니다.

inline: 하위 요소를 가로로 정렬합니다. block: 하위 요소를 수직으로 배열합니다.

• flex: 그리드 레이아웃을 사용하여 하위 요소를 배치합니다.

  flex-direction:
  • 플렉스 박스 모델에서 하위 요소의 배열 방향을 지정합니다. :
  • row: 가로 배열.
  • justify- content:
  Flexbox 모델의 기본 축에서 하위 요소의 정렬을 지정합니다.

• start: 왼쪽 alignment(행 정렬) 또는 위쪽 정렬(열 정렬) end: 오른쪽 정렬(행 정렬) 또는 아래쪽 정렬(열 정렬)

  • align-items:
  flexbox 모델의 교차 축에 있는 하위 요소의 수:
  start: 상단 정렬(행 정렬) 또는 왼쪽 정렬(열 정렬)
• end: 하단 정렬(행 정렬) 또는 오른쪽 정렬(열 정렬용). 가운데: 가운데 정렬
  • text-align:
  다음 값으로 설정할 수 있습니다.
  • 왼쪽 정렬: 가운데 정렬

• vertical-align: 다음 값으로 설정할 수 있습니다.

  • top: 위쪽 정렬. 가운데 정렬
  • 하단: 하단 정렬.

위 내용은 CSS에서 컨테이너에는 어떤 속성이 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!