CSS3 상자 모형
2475 단어 CSS3
1, 문서 흐름(Normal Flow)
1.2 인라인 요소
2.1.4 내부 여백
2.1.5 외부 거리
일반적으로 왼쪽 및 위쪽 여백은 자신을 이동하고 오른쪽 및 아래쪽 여백은 다른 요소를 이동합니다.
2.2 배치
2.2.1 수평 배치
- ，
- + + + + + + =
- ， ， ，
- auto ，
- auto， auto ，
너비를 지정한 후 좌우 바깥쪽 거리를 auto로 설정하면 요소를 부모 요소 가운데 표시할 수 있습니다
2.2.2 수직 배치
-
-
- ，
- overflow
- visible： ，
- hidden：
- scroll： ，
- auto：
- overflow-x：
- overflow-y：
2.3 인라인 요소의 박스 모델
-
- padding、border、margin，
2.4 박스 모델 상용 성명
2.4.1
display 요소 유형 수정inline：
block：
inline-block： ， ，
table：
none：
2.4.2
visibility 요소 디스플레이 상태 설정visible：
hidden： ，
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Vue 엔지니어가 만든다】 절대 실패하지 않는 CSS 네비게이션 메뉴 정리 13선이 기사에 기재된 디자인 코드는 모두 자유롭게 사용해 주셔서 괜찮습니다 (필자가 작성했기 때문에) 프로젝트에 넣어보다 충실한 디자인으로 해 주면 ○ 움직임은 아래 이미지처럼 느껴집니다 1. 헤더로 사용하기 쉬운 간단...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
