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

전체 페이지가 중앙에 배치되는 것을 방지하기 위해 HTML에서 margin:0 auto를 사용하는 솔루션의 예

高洛峰
풀어 주다： 2017-03-06 16:09:20
원래의
2606명이 탐색했습니다.

오늘 jsp 페이지를 작성했는데

123xxx
이 속성을 어떻게 변경해도 페이지가 표시되지 않습니다. 문제

나중에 이 문제에 대한 해결책을 찾았습니다.

L-Blog는 기본적으로 HTML 앞에 DTD를 추가하지 않으므로 IE는
문제는 CSS가 아니라 XHTML 웹 페이지 자체에 있습니다.
위 설정을 적용하려면 다음 코드를 추가해야 합니다. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
로그인 후 복사
로그인 후 복사

더 엄격한 XHTML 1.0 Strict 또는 XHTML 1.1을 원하시면 관련 문서를 확인하세요.
위 테스트는 Windows XP SP2 버전 IE6 및 FireFox 1.0 최종 버전을 기반으로 합니다.

필요한 경우 권장됩니다. 페이지에서 CSS 스타일을 사용하세요. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
로그인 후 복사
로그인 후 복사

업데이트 줄을 삭제하지 마세요. 예를 들어 여러 HTML에서 margin:0 auto를 사용하면 전체 페이지가 중앙에 위치하지 않습니다. 관련 기사의 경우 주의하세요. PHP 중국어 웹사이트!

관련 라벨：
HTML 页面居中
원천：php.cn
이전 기사：입력 텍스트 상자의 내용에 따라 길이를 변경하는 방법 소개 다음 기사：HTML의 텍스트 줄바꿈 분석 예(이미지와 텍스트의 HTML 혼합 배열)
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...
에서 2024-04-06 21:58:04
0
1
800
CSS에서 페이지 하단의 신비한 공백을 해결하는 방법 Bootstrap과 D3를 사용하여 간단한 웹페이지를 구축하려고 하는데 하단의 공백을 모두 없애는 방법을 모르겠습니다. 나는 그것을 제거하고 싶다. 본문과 HTM...
에서 2024-04-06 20:22:15
0
1
454
클리어 후에도 내 파일 입력값은 그대로 남아있습니다 스크린샷에서 볼 수 있듯이. 파일을 선택하고 페이지를 새로 고치지 않고 팝업을 유지한 후 다시 열면 파일 입력이 여전히 내가 선택한 파일입니다. <input...
에서 2024-04-06 15:44:52
0
1
384
내 이미지를 페이지의 기본 디스플레이에 표시하려면 어떻게 해야 합니까? 제가 하고 싶은 것은 NASAAPI를 사용하여 사진 몇 장을 받는 것입니다. 이 사진은 내 페이지의 썸네일과 메인 디스플레이에 표시됩니다. 코드가 썸네일에서 이미...
에서 2024-04-06 15:33:12
0
1
433
window.open() 및 data: 구성표를 사용하여 계산 문서 열기 새 브라우저 탭에서 열려는 계산된 HTML 문서를 생성하는 브라우저에서 실행되는 웹 페이지가 있습니다. 간단하고 지저분한 방법은 다음과 같이 하는 것입니다: co...
에서 2024-04-06 15:06:34
0
1
378
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！