지금 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 연결 또는 뒤에 배치됩니다.
소규모 스테이션 통신을 구현하는 더 나은 방법에 오신 것을 환영합니다!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
