Javascript 在html页面中自动调整多个图像

我是html编程新手。我想用span class从顶部给边距，给我一些关于这个问题的想法。

span是一个内联元素，所以不能向其中添加边距

您可以使用填充或使跨度显示：inline块；然后使用边距

范例

<span>hello</span>

span{
     display:inline-block;
     margin-top:100px;
}

---

我建议改用div标签

比如,

<div id="myDiv">This is a div.</div>


#myDiv {
    border: 1px solid #FF0000; margin: 10px; }

“页边距顶部”、“页边距右侧”、“页边距底部”、“页边距左侧”和“页边距” 边距属性指定方框边距区域的宽度。“margin”速记属性设置所有四个边的边距，而其他边距属性仅设置各自的边。这些属性适用于所有图元，但垂直边距不会对未替换的内联图元产生任何影响

---

是一个内联元素。因此，要么使用block或inline block元素，要么对元素应用display:block或display:inline block CSS样式。

在这里发布一些代码，您到目前为止做了什么？发布您的问题演示以获得解决方案。欢迎使用StackOverflow Varun。当询问与调试相关的问题时，请在问题上发布最少的相关代码片段以及问题的描述。查看此链接，了解有关如何在SO:stackoverflow.com/help/how-to-askWelcome to stackoverflow-Varun中询问qeustions的提示。当询问与调试相关的问题时，请在问题上发布最少的相关代码片段以及问题的描述。查看此链接以获取有关如何在SO中询问qeustions的提示：