Vue.js 2 - 본문 태그에서 초기 여백 제거

Vue.js 2 - 본문 태그에서 초기 여백 제거

바보같은 질문이라면 미안한데, 난 아직 Vue를 잘 몰라.Vue를 만들었습니다(명령어를 사용하여).vue init webpack <project-name>컴포넌트를 추가하기 시작했습니다.첫 번째는 네비게이션 바입니다.그런데 그 때 그 바디 태그가margin: 8px기본적으로는 페이지와 브라우저 사이에 항상 8px 공백이 있습니다.이 마진을 없애는 방법을 아무리 생각해도 알 수 없습니다.다음의 css를 사용해 보았습니다.

* { margin: 0 !important; }

그리고.

body { margin: 0 !important; }

스타일 태그의 root index.html 헤드와 모든 컴포넌트의 스타일 태그에 직접 추가하려고 했지만 삭제되지 않습니다.

내가 바보였던 것 같아.내가 했을 때*{}내 지수의 머릿속에 있는 규칙, 나는 실제로 포함시키지 않았다.!important내가 질문을 쓰기 시작할 때까지만 해도, 그 때 나는 그 질문이 기억나지 않았다.!important세미 슬립 전이나 후에 갑니다.텍스트 에디터에 쓰고 질문에 복사한 후 어떤 이유에서인지 인덱스를 저장했습니다.그리고 아는 게 있나요?됐다.

그래서 결론적으로,* { margin: 0 !important; }스타일 태그에 index.laughter의 머리가 기능을 합니다.

index.html에서 본문 요소의 스타일을 추가합니다.

<style> body { margin: 0 !important; } </style>

예

아마도 "scope" 속성 때문일 것입니다. 본문 여백을 0으로 설정하고 있는 위치에서 삭제하면 효과가 있을 것입니다.

마진을 없애는 것은 나에게 효과가 없었다.하지만 패딩 제거는 효과가 있었다.

<style>
     html,body { padding: 0 !important;}
</style>

더하다margin-top: -0px !important;#app style로 동작합니다.

언급URL : https://stackoverflow.com/questions/48240969/vue-js-2-remove-initial-margin-from-body-tag