DIV 센터링을 위한 탁월한 솔루션_경험 교류

지금 WEB을 재구성할 때 보통 다음과 같이 DIV를 중앙에 배치합니다.

코드 복사 코드는 다음과 같습니다.

body{
margin:0px auto;
text-align:center;
}

그러나 다음 구문 분석 방법이 선언되지 않은 경우 페이지 중앙 정렬이 안 됩니다.

코드 복사 코드는 다음과 같습니다.

이 문제로 인해 며칠이 걸렸습니다. 그러면 일부 친구들은 다음과 같이 말할 것입니다. 이 문장만 추가하면 안 되나요? 그런데 가끔 위에서 지정한 코드 형식에 따라 페이지가 작성되지 않을 때가 있습니다. 컬러풀한 스크롤바를 바꿔야지.
어제까지만 해도 JS를 사용해 페이지 여백을 조절하면 어떨까?
다음 페이지를 찾았습니다.

코드 복사 코드는 다음과 같습니다.

<스크립트 언어= "javascript" type="text/javascript" src=" function.js">

function.js 콘텐츠:

코드 복사 코드는 다음과 같습니다.

if(window.screen.width>800){document.write( "");}

저장하고 테스트합니다. ㅎㅎ 해상도를 몇개 바꿨습니다. 지금까지 테스트는 성공적이었습니다.
요약하자면:
주로 이 코드의 역할 때문입니다. >

코드 복사 코드는 다음과 같습니다.

(window.screen.width-800)/2 //페이지에 남겨야 할 여백 값을 계산합니다. 800은 내 DIV 너비 + 스크롤 막대 너비입니다.

추가 사항: 위의 JS는 다음과 같아야 합니다. 마지막 CSS 연결 또는 뒤에 배치됩니다.
소규모 스테이션 통신을 구현하는 더 나은 방법에 오신 것을 환영합니다!