웹 페이지를 처음 만드는 많은 친구들이 직면할 수 있는 일반적인 문제는 CSS에 margin:0 auto를 추가하는 것이 효과가 없고 중앙에 위치할 수 없다는 것입니다. margin:0 auto의 의미는 다음과 같습니다. 가 0이면 왼쪽과 오른쪽이 너비에 따라 조정됩니다. 이는 실제로 수평 중심 맞춤을 의미합니다. 다음은 중앙에 맞출 수 없는 문제를 일으키는 두 가지 일반적인 오류입니다.
1 너비가 설정되지 않았습니다.
<div style="margin:0 auto;"></div>위 코드를 보면 DIV의 너비가 전혀 설정되어 있지 않습니다. 너비에 따라 어떻게 조정합니까? 초보자가 간과하기 쉬운 문제. 2. DOCTYPE이 선언되지 않았습니다. 1) DOCTYPE은 웹 디자인에서 사용 중인 XHTML 또는 HTML의 버전을 나타내는 데 사용되는 문서 유형의 약어입니다. 표준을 준수하는 웹 페이지를 구축하려면 DOCTYPE 선언이 필수적이고 중요한 구성 요소입니다. 2) 다음 코드를 살펴보세요. 친숙해 보이죠? 이처럼 문서 상단에는 DOCTYPE을 선언하는 데 사용되는 모든 코드 위의 혼란이 있습니다:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">3) DOCTYPE을 선언하는 데는 세 가지 옵션이 있습니다* Transitional: A 요구 사항이 매우 느슨한 DTD를 사용하면 HTML4.01 로고를 계속 사용할 수 있습니다(단, xhtml 작성 방법을 준수해야 함). 전체 코드는 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">* Strict( Strict) ): 엄격한 요구 사항이 있는 DTD
와 같은 표현 계층 식별자 및 속성은 사용할 수 없습니다. 전체 코드는 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">* 프레임셋: 프레임 페이지용으로 특별히 설계되었습니다. 페이지에 프레임이 포함되어 있으면 이 DTD를 사용해야 합니다. 전체 코드는 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">4) 어느 것을 선택할지는 전환 코드를 사용하세요. 오랜 시간 동안 얘기한 결과 margin:0 atuo가 작동하지 않는 경우, 문서 상단에 DOCTYPE 문이 있는지 확인하세요. 그렇지 않으면 복사하여 붙여넣으세요. 그러면 괜찮을 거예요. 또한 margin-left:auto; margin-right:auto;의 실제 효과가 다를 수 있습니다. 0. , 예상치 못한 효과가 발생합니다.
Markdown에 내장 된 콘텐츠Apr 13, 2025 am 09:12 AMMarkdown은 HTML을 지원하므로 YouTube 비디오를 포함 해야하는 경우 포함 코드를 복사하여 붙여 넣으면 Markdown 문서에 놓을 수 있습니다.
Google 글꼴을 태그하고 Goofonts.com을 작성한 방법Apr 12, 2025 pm 12:02 PMGoofonts는 개발자 부인과 디자이너 남편이 서명 한 사이드 프로젝트로, 둘 다 타이포그래피의 큰 팬입니다. 우리는 Google에 태그를 지정했습니다
JavaScript API 상태로 GraphQL 쿼리를 연습하십시오Apr 12, 2025 am 11:33 AMGraphQL API를 구축하는 방법을 배우는 것은 매우 어려울 수 있습니다. 그러나 10 분 안에 GraphQL API를 사용하는 방법을 배울 수 있습니다! 그리고 그것은 완벽하게 얻었습니다
오프셋 경로로 원에 유형을 설정하십시오Apr 12, 2025 am 11:00 AM여기 Yuanchuan의 합법적 인 CSS 속임수입니다. 이 CSS 속성 오프셋 경로가 있습니다. 옛날 옛적에, 그것은 모션 경로라고 불렸다가 이름이 바뀌 었습니다. 나
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.
SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.
에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음
SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전
Dreamweaver Mac版
시각적 웹 개발 도구
