블록 표시가있는 캔버스에 여전히 div와 캔버스 요소 사이에 간격이 있습니다.

이 요소를 열고 inspect 요소를 사용하면 캔버스와 위쪽 사이에 간격이 있음을 알 수 있습니다.블록 표시가있는 캔버스에 여전히 div와 캔버스 요소 사이에 간격이 있습니다.

이 간격을 어떻게 제거합니까?

<html> 
<title>Canvas demo</title> 
<body bgcolor="black" style="overflow: hidden"> 
<center> 
    <div id="game_container"> 
     <canvas id="canvas" style= "width: 780px; height: 780px; cursor: none;"> 
     </canvas> 
    </div> 
</center> 
</body> 

<script> 
var canvas = document.getElementById('canvas'); 
canvas.style.display = 'block'; 
</script>

출처

2017-10-25 quantumpotato

나는 그것 그 몸주는 기본 마진이

html,body,canvas{margin:0;padding:0;border:0;font-size: 100%;width:100%;height:100%;}

이

을 수정해야 시도 생각

출처

2017-10-25 04:35:35

는이 경우에 리셋 CSS를 사용할 수 있습니다.

canvas { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
}

출처

2017-10-25 03:40:55

블록 표시가있는 캔버스에 여전히 div와 캔버스 요소 사이에 간격이 있습니다.

답변

관련 문제