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

【问题标题】：Make a auto adjust multiple image in html page在 html 页面中自动调整多个图像
【发布时间】：2015-09-09 21:13:57
【问题描述】：

我是 html 编程的新手。我想给跨度类的顶部留出余量，给我一些关于这个问题的想法。

【问题讨论】：

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

标签： javascript jquery html css

【解决方案1】：

Span 是一个内联元素，因此您不能为其添加边距。

您可以使用填充或使跨度显示：inline-block;然后使用边距。

例子

<span>hello</span>

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

【讨论】：

【解决方案2】：

8.3 Margin properties:'margin-top'、'margin-right'、'margin-bottom'、'margin-left'和'margin'

Margin 属性指定框的边缘区域的宽度。 'margin' 速记属性设置所有四个边的边距，而其他边距属性只设置它们各自的边。这些属性适用于所有元素，但垂直边距不会对未替换的内联元素产生任何影响。

<span> 是一个内联元素。所以要么使用块（或内联块）元素，要么将display: block 或display: inline-block CSS 样式应用于元素。

【讨论】：

【解决方案3】：

我建议改用 div 标签。

例如；

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


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

【讨论】：