css:margin:0 자동은 ie8에서 중앙에 위치할 수 없습니다.
오늘 나는 margin:0 auto;를 사용하여 속성을 정의하고 중앙에 배치하는 div를 작성했지만 유효하지 않은 것으로 판명되었습니다.
처음에는 CSS의 코드 충돌인 줄 알았습니다. 여러 번 확인해보니 괜찮았습니다. 그러다가 Firefox와 Google Chrome으로 테스트해 보니 중앙에 맞춰져 있었습니다. . .
브라우저 호환성 문제인 것 같습니다. win7을 사용하고 있는데 IE가 IE8로 업그레이드된 것이 갑자기 생각났습니다. 문제는 IE8의 호환성인 것 같습니다. 바이두. . . .
해결책은 다음과 같습니다.
IE6, 7 및 Firefox에서 센터링을 달성하려면 일반적으로 margin:auto를 사용하여 이를 달성하지만 IE8에서는 이것만으로는 충분하지 않습니다. 이제 두 가지 솔루션이 제공됩니다.
방법 1(권장):
먼저 문서 유형을 페이지 상단에 설정해야 합니다:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd">
및 헤드에 추가:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 即可！
방법 2:
본문 settings {text-align :center;width:100%;}
#wrap
{
text-align:left;
width:***;
margin:0
auto;
} 그리고 헤드에 추가:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
그게 다야!
방법 3:
위 내용은 css:margin:0 자동은 ie8에서 중앙에 위치할 수 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
CSS에서 마진은 무엇을 의미합니까?
Dec 18, 2023 am 10:30 AM
CSS에서 여백은 요소의 외부 여백을 설정하는 데 사용되는 속성입니다. 여백은 요소의 테두리와 내용 사이의 공간입니다. 여백은 다음 값을 사용할 수 있습니다. 1. 단일 값: 예: margin: 10px; 4개의 여백(상단, 오른쪽, 하단, 왼쪽)을 모두 10픽셀로 설정합니다. 2. 두 값: 예: margin: 10px 20px; 위쪽 및 아래쪽 여백을 10픽셀로 설정하고 왼쪽 및 오른쪽 여백을 20픽셀, 4개 값 등으로 설정합니다.
CSS 테두리 속성에 대한 자세한 설명: 패딩, 여백 및 테두리
Oct 21, 2023 am 11:07 AM
CSS 테두리 속성에 대해 자세히 설명: 패딩, 여백 및 borderCSS는 웹 페이지 요소를 제어하고 레이아웃하는 데 사용되는 스타일 시트 언어입니다. 웹 디자인에서 테두리 속성은 가장 중요한 부분 중 하나입니다. 이 글에서는 CSS에서 테두리 속성을 사용하는 방법을 자세히 소개하고 구체적인 코드 예제를 제공합니다. padding padding 속성은 요소의 내용과 요소 테두리 사이의 공간인 요소의 패딩을 설정하는 데 사용됩니다. 양수 또는 백분율 값을 사용하여 패딩을 설정할 수 있습니다.
포르쉐 유출로 인해 EV Boxster, Cayman은 2025년 10월부터 가솔린 모델을 교체할 수 있을 것으로 예상됩니다.
Jun 15, 2024 pm 04:02 PM
우리는 이전에 곧 출시될 전기 포르쉐 박스터의 팬 누출에 대해 보고했으며 포르쉐는 이전에 2030년까지 판매량의 80%를 EV 제조에 전념했으며 전기 박스터와 케이맨 모델이 일반 가솔린-P와 함께 도입될 것이라고 확인했습니다.
AUTO는 어떤 코인인가요?
Feb 22, 2024 pm 09:40 PM
AUTO 코인이란? AUTO 코인은 Autonio 생태계의 기본 토큰으로서 암호화폐로서 사용자에게 분산 거래 및 자동화된 거래 서비스를 제공하는 것을 목표로 합니다. Autonio 플랫폼은 블록체인 기술을 기반으로 하며 스마트 계약을 통해 지능적인 거래를 실현하여 사용자에게 보다 효율적이고 안전한 거래 경험을 제공합니다. Autonio 생태계 Autonio 생태계는 Autonio 재단에 의해 개발되었으며 분산된 방식으로 자동화된 거래 및 투자 도구를 제공하여 사용자가 거래 전략을 최적화하고 더 높은 수익을 달성할 수 있도록 지원하는 것을 목표로 합니다. 이 생태계는 AUTO 토큰, 스마트 계약, 거래 로봇 및 Autonio 거래 플랫폼을 통합합니다. Autonio의 목표는
CSS 텍스트 레이아웃 속성에 대한 자세한 설명: text-overflow 및 white-space
Oct 20, 2023 am 11:19 AM
CSS 텍스트 레이아웃 속성에 대한 자세한 설명: text-overflow 및 공백 웹 디자인에서 텍스트 레이아웃은 텍스트를 더 읽기 쉽고 아름답게 만드는 데 매우 중요한 링크입니다. CSS는 텍스트 오버플로 및 공백을 포함하여 텍스트 표시 방법을 제어하는 여러 속성을 제공합니다. 이 문서에서는 이 두 속성의 사용법과 샘플 코드를 자세히 설명합니다. 1. 텍스트 오버플로 속성 텍스트
margin 속성은 인라인 요소에 영향을 주지 않습니다.
Feb 18, 2024 pm 04:36 PM
인라인 요소의 여백 효과는 블록 수준 요소의 효과와 다릅니다. 인라인 요소에서 여백 속성은 가로 왼쪽 및 오른쪽 여백이 아닌 세로 위쪽 및 아래쪽 여백에만 영향을 미칩니다. 예를 들어 HTML에 단락 요소가 있는 경우 이에 대한 일부 스타일을 설정하고 여백 속성의 효과를 관찰할 수 있습니다. HTML 코드는 다음과 같습니다:
HTML에서 마진은 무엇을 의미합니까?
Sep 13, 2021 pm 04:26 PM
HTML에서 여백은 요소 테두리 주변의 빈 영역을 나타내는 "여백"을 의미합니다. 여백을 설정하면 요소 외부에 추가 "공백"이 생성되어 상자 사이에 "빈" 거리가 허용됩니다. 여백을 설정하려면 길이 단위, 백분율 값 또는 음수 값까지 허용하는 CSS 여백 속성을 사용해야 합니다.
CSS 상자 모델 속성 탐색: 패딩, 여백 및 테두리
Oct 20, 2023 pm 03:09 PM
CSS 상자 모델 속성 탐색: 패딩, 여백 및 테두리 CSS 상자 모델은 웹 페이지 레이아웃의 중요한 개념 중 하나입니다. 프런트 엔드 개발에서는 패딩, 여백 및 테두리 속성을 이해하고 올바르게 사용하는 것이 중요합니다. 이 문서에서는 이러한 세 가지 속성의 사용법과 상관 관계를 자세히 살펴보고 구체적인 코드 예제를 제공합니다. 1. 박스 모델 소개 박스 모델은 내용, 패딩, 보의 네 부분으로 구성됩니다.
