简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > CSS 튜토리얼 > 본문

CSS 센터링에 관한 몇 가지 사항

高洛峰
풀어 주다： 2017-02-14 14:49:17
원래의
1228명이 탐색했습니다.

수평 중심 정렬:

1: 인라인 요소를 중앙에 배치하고 상위 블록 요소를 중앙에 배치합니다!

둘: 블록 요소가 중앙에 위치하며 왼쪽 여백, 오른쪽 여백: 자동 너비에도 주의하세요! 너비가 100%이면 볼 수 없습니다. 너비가 100%인 경우에도 가운데에 맞춰야 합니까?


세로 중심:

1: 패딩 설정

2: 높이 = 줄 높이

3: 디스플레이 :table-cell 수직 정렬이 작동합니다.

넷째: 포지셔닝과 센터링 다양한 레이아웃 포지셔닝이 해결 가능!

CSS 센터링에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 라벨：
CSS 居中
원천：php.cn
이전 기사：CSS 속성 여백 다음 기사：CSS 스타일시트의 스타일 우선순위
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
WordPress 6.0(add_editor_style)은 Gutenberg 편집기에서 style.css를 로드하지 않습니다. 저는 맞춤형 WordPress 블록 테마를 만들기 위해 UdemyWordPress 과정을 수강하고 있습니다. function.php에 블록 유형을 성공적으로 등록...
에서 2023-11-12 20:37:50
0
2
261
HTML/CSS에 배경 비디오를 삽입하는 방법은 무엇입니까? 안녕하세요 여러분, 최근에 문제가 발생했습니다. 내 웹사이트에 비디오 배경을 설정하려고 하는데 중앙에 있는 텍스트가 맨 아래까지 계속 실행됩니다. 이유는 모르겠지...
에서 2023-11-06 13:59:13
0
1
240
JavaScript에서 색상이라는 CSS/HTML의 RGB 값을 얻는 방법 [name-rgb]라는 Javascript 개체를 만들었습니다. 기본: 명명된Colors={AliceBlue:[240,248,255],AntiqueWhite:[2...
에서 2023-11-06 09:05:50
0
2
210
NextJS 프로젝트에서 Tailwind 및 MUI를 사용할 때 예기치 않은 동작(흰색 버튼 버그) 현재 NextJS, TailwindCSS 및 MUIReactUI 라이브러리를 사용하여 프로젝트를 구축 중입니다. 내 프로젝트에 MUI 버튼을 추가하려고 할 때마다...
에서 2023-11-04 11:04:23
0
1
178
Electron의 Vite + Vue3: 머티리얼 디자인 아이콘 @mdi/font(또는 기타 아이콘 글꼴)을 가져오고 사용하는 방법 @mdi/font 아이콘을 내 앱(Electron 앱)에 번들로 묶고 싶습니다. npmi@mdi/font--save-dev:"devDependency&q...
에서 2023-11-02 18:43:57
0
1
179
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！