2017-05-09 1 views
1

Ich versuche alle display:, <span>, white-space, overflow:auto, etc, und eine Menge auf dieser Website suchen. Wie zu beseitigen ist verdammt Zeilenumbrüche in diesem wirklich speziellen Fall. Kannst du es mir zeigen, auch wenn es einfach ist? :)Wie kann ich Zeilenumbrüche in diesem sehr spezifischen Kontext eliminieren?

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

Das heißt "Rand" Sie können es loswerden mit 'html, Körper {padding: 0; Rand: 0;} ' –

Antwort

0

body { margin: 0; }

in Ihrem CSS sollte es tun. Der Browser fügt dem Körper einige Standardstile nach dem Aussehen hinzu.

0

Dies sollte funktionieren.

<body style="margin: 0;"> 

oder

body { margin: 0; } 
0

Sie normalize.css zu Cross-Browser-Konsistenz in der Standard-Styling von HTML-Elementen verwenden können, Sie können es hier herunterladen: https://necolas.github.io/normalize.css/ oder Sie können über CDN hinzufügen :

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