2017-05-09 1 views
1

J'essaie à peu près tous les display:, <span>, white-space, overflow:auto, etc, et beaucoup de recherche sur ce site. Comment éliminer les coups de ligne damns sur ce cas vraiment spécifique. Pourriez-vous me montrer, même si c'est simple? :)Comment éliminer les ruptures de ligne dans ce contexte très spécifique?

window.onload = function() { 
 
    document.getElementById("container").style.width = screen.width + "px"; 
 
    document.getElementById("container").style.height = screen.height + "px"; 
 

 
}
#container { 
 
    display: block; 
 
    float: left; 
 
    padding: 0px; 
 
    margin: 0px; 
 
    border: 0px; 
 
    background-color: indianred; 
 
    white-space: nowrap; 
 
}
<div id="container"> 
 
</div>

LINE BREAK IMAGE

+1

Cela s'appelle "marge" vous pouvez vous en débarrasser avec 'html, body {padding: 0; marge: 0;} ' –

Répondre

0

body { margin: 0; }

dans votre css devrait faire l'affaire. Le navigateur ajoute des styles par défaut au corps par l'apparence de celui-ci.

0

Cela devrait fonctionner.

<body style="margin: 0;"> 

ou

body { margin: 0; } 
0

Vous pouvez utiliser normalize.css à la cohérence inter-navigateur dans le style par défaut des éléments HTML, Vous pouvez le télécharger ici: https://necolas.github.io/normalize.css/ ou vous pouvez ajouter via CDN :

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">