>  기사  >  웹 프론트엔드  >  CSS에서 컨테이너에는 어떤 속성이 있습니까?

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

下次还敢
下次还敢원래의
2024-04-28 14:36:18670검색

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

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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.