如何添加文字作爲背景到HTML？

-2

現在我有一個div與line-wrap,word-break和一行隨機創建的0和1填充背景。它看起來不錯，但長度固定，並且在不同的屏幕尺寸下太長/短。如何添加文字作爲背景到HTML？

有沒有更好的方法來解決這個問題？我只想要一個0s和1s的書呆子背景。

2017-06-16 J. Dough

您可以使用DIV額外的風格屬性。

.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 
}

您可以在這裏打球&測試：https://jsfiddle.net/fb3yLj8h/1/

來源

2017-06-16 11:55:08

謝謝小提琴幫我跟蹤誤差。 '高度'屬性在我的項目中不起作用，但在小提琴中。原因是因爲我沒有在父元素中指定高度。 –

您可以使用位置屬性position：absolute for text and text wrapper property position：relative;

來源

2017-06-16 09:15:12

在全屏幕文本區域：

<!DOCTYPE html> 
    <html> 
     <body> 
     <textarea name="text1" style="width: 100%;height: 100%"></textarea> 
     </body> 
    </html>

如果你想成爲一個輸入（使用不能edite大小）

：

<!DOCTYPE html> 
    <html> 
    <body> 
     <input type="search" style="width: 100%;height: 100%" > 
    </body> 
    </html>

來源

2017-06-16 09:19:02 snip1377

如何添加文字作爲背景到HTML？

回答

相關問題