无法删除垂直元素之间的空间
[英]Can't remove space between vertical elements
问题描述
I'm trying to code an infinite scrolling monster (like endless.horse but without jQuery). 
我正在尝试编写一个无限滚动的怪物（就像endless.horse但没有jQuery）。 But it keeps showing spaces in between elements when scrolling and it doesn't look that good. 但它在滚动时不断显示元素之间的空间，看起来不那么好。 Doing line-height will just smosh the lines together into a weird blob and achieve nothing. 做行高只会将线条一起变成一个奇怪的斑点并且什么都不做。 White space does nothing to stop the spaces. 白色空间无助于阻止空间。 What should I do? 我该怎么办？
window.onscroll = function() {hello()}; function hello() { var para = document.createElement("pre"); var node = document.createTextNode(` | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | `); para.appendChild(node); var element = document.getElementById("hello"); element.appendChild(para); element.appendChild(para); element.appendChild(para); element.appendChild(para); element.appendChild(para); }
<html> <head> <title>My first three.js app</title> <script src="myScript.js"></script> <style> body { margin: 0; padding: 0; } #hello float: left; padding: 0; margin: 0; display: inline-block; } pre { padding: 0; margin-bottom: 0; } </style> </head> <body> <pre> _-~~~-_ _-~~~-_ /~ ~\\ : , \\ ' ~ , |: : { /~~\\ :--~""""\\.: : \\ (... : /^\\ /^\\ ; ~\\_____ | | | |:~ / |__O|_|_O|; ( / O \\ \\ ( `\\_______/) `\\ \\ / ) ~-------~'\\ / \\ : || | | || | |.======[]==+'| (~~~~) | |~) / \\ | | \\ ~\\ \\___/)______/^\\__|_/ `\\ // | | | | `\\__//' | | | | ~~ | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | </pre> <div id="hello"> </div> </body> </html>
2 个解决方案
解决方案1
0 已采纳 2019-04-13 12:14:40
add got pre{margin:0;} 添加前{margin：0;}
window.onscroll = function() {hello()}; function hello() { var para = document.createElement("pre"); var node = document.createTextNode(` | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | `); para.appendChild(node); var element = document.getElementById("hello"); element.appendChild(para); element.appendChild(para); element.appendChild(para); element.appendChild(para); element.appendChild(para); }
pre{margin:0;}
<html> <head> <title>My first three.js app</title> <script src="myScript.js"></script> <style> body { margin: 0; padding: 0; } #hello float: left; padding: 0; margin: 0; display: inline-block; } pre { padding: 0; margin-bottom: 0; } </style> </head> <body> <pre> _-~~~-_ _-~~~-_ /~ ~\\ : , \\ ' ~ , |: : { /~~\\ :--~""""\\.: : \\ (... : /^\\ /^\\ ; ~\\_____ | | | |:~ / |__O|_|_O|; ( / O \\ \\ ( `\\_______/) `\\ \\ / ) ~-------~'\\ / \\ : || | | || | |.======[]==+'| (~~~~) | |~) / \\ | | \\ ~\\ \\___/)______/^\\__|_/ `\\ // | | | | `\\__//' | | | | ~~ | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | </pre> <div id="hello"> </div> </body> </html>
解决方案2
0 2019-04-13 12:22:17
重置预保证金。
pre {margin:0}
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
jQuery ui-删除可拖动元素之间的空间 - jquery ui - remove space between draggable elements
删除库中相同宽度的图像之间的垂直空白区域 - Remove vertical white space between images of same width in a gallery
在React中删除内联块元素之间的空间 - Remove space between inline-block elements in React
css - > <table> - >当表数据包含多个元素时删除垂直空间 - css --> <table> --> remove vertical space when table data contains several elements
删除行之间的空间 - Remove space between rows
LI菜单与LI元素之间的空间 - 这怎么工作？ - UL menu with space between LI elements - how can this work?
无法删除选择菜单中的元素。 - Can't remove elements in a select menu.
无法删除<script> elements before they render - Can't remove <script> elements before they render
无法删除本地存储元素 - Can't remove local storage elements
删除帖子之间的空间[引导程序] - Remove space between posts [bootstrap]
相关标签