css max-width2 CSS width, max-width 속성 width, max-width, margin:auto; 이전 장에서 언급했듯이, 블록 레벨 요소는 항상 사용 가능한 전체 너비를 차지한다(가능한 한 왼쪽과 오른쪽으로 뻗어 있다). 블록 수준 요소의 너비를 설정하면 요소가 컨테이너 가장자리로 확장되지 않는다. 그런 다음 여백을 자동으로 설정하여 요소를 컨테이너 내에서 수평으로 중앙에 배치할 수 있다. 요소가 지정된 너비를 차지하고 나머지 공간은 두 여백 사이에 균등하게 분할된다: 참고: 위의 문제는 브라우저 창이 요소의 너비보다 작을 때 발생한다. 그런 다음 브라우저는 페이지에 수평 스크롤 막대를 추가한다. 대신 최대 너비를 사용하면 브라우저의 작은 창 처리가 향상된다. 이는 소규모 장치에서 사이트를 사용할 수 있도록 할 때 중요하다: 팁: 브라우저 창의.. 2023. 8. 19. CSS height, width, max-width 속성 CSS height 및 width 속성은 요소의 높이 및 너비를 설정하는 데 사용된다. CSS max-width 속성은 요소의 최대 너비를 설정하는 데 사용된다. CSS height, width 설정 height 및 width 속성의 값은 다음과 같습니다: auto - 기본값이다. 브라우저가 높이와 너비를 계산한다 length - 높이/폭을 px, cm 등으로 정의한다. % - 포함 블록의 높이/폭을 백분율로 정의한다 initial - 높이/폭을 기본값으로 설정한다 inherit - 높이/폭이 상위 값에서 상속된다 div { height: 200px; width: 50%; background-color: powderblue; } div에 높이 200px width는 50% 설정한 예제는 아래 코드와 같다.. 2023. 7. 21. 이전 1 다음
