Jetzt habe ich eine div mit line-wrap, word-break und eine Zeile von zufällig erstellten 0s und 1s, die den Hintergrund füllen. Es sieht gut aus, aber die Länge ist fest und ist in verschiedenen Bildschirmgrößen zu lang/kurz.Wie füge ich Text als Hintergrund zu HTML hinzu?
Gibt es einen besseren Weg, dies zu tun? Ich will nur einen nerdy Hintergrund mit 0s und 1s.
Sie Ihre div mit zusätzlichem Stil verwenden können Eigenschaften.
.background {
overflow-x: hidden; // hide scroll-x
overflow-y: hidden; // hide scroll-y
word-wrap: break-word; // word wrap text
width:97%; // width > 97% absolut position div will overflow and cause screen scroll
height:97%; // height > 97% absolut position div will overflow and cause screen scroll
position: absolute; // this way the div will act as background and it will not interfier with the rest of the components in the html
}
Sie & Test hier spielen kann: https://jsfiddle.net/fb3yLj8h/1/
Sie können die Positionseigenschaft verwenden position: absolute für Text und Text Wrapper-Eigenschaft Position: relative;
Um Vollbild eines Textbereich:
<!DOCTYPE html>
<html>
<body>
<textarea name="text1" style="width: 100%;height: 100%"></textarea>
</body>
</html>
, wenn Sie einen Eingang (Verwendung nicht edite Größe) sein wollen:
<!DOCTYPE html>
<html>
<body>
<input type="search" style="width: 100%;height: 100%" >
</body>
</html>
Danke, die Geige hat mir geholfen, den Fehler zu verfolgen. Das 'height' Attribut hat in meinem Projekt nicht funktioniert, sondern in der Geige. Der Grund war, dass ich die Höhe im Elternelement nicht angegeben habe. –