【问题标题】:How can I define elements positions in HTML/CSS如何在 HTML/CSS 中定义元素位置
【发布时间】:2022-09-28 20:26:17
【问题描述】:

我正在尝试学习 HTML 和 CSS,但遇到了以下问题。

我需要在网站的元素之间插入一个垂直间隙::

变成这样:

但是我不知道不使用大量<br> 就可以完成它。

有人可以帮我完成这件事吗?

非常感谢!

  • 您需要学习 html 和 css 基础知识。这很简单。你可以使用边距或填充来做到这一点。你可以从这里开始link
  • 尽力而为总是更好,如果不能,只需在此处以 sn-p 发布您的代码。那么我们可以提供帮助。
  • 正如@Willpower-7 所说,margin 或 padding 是您所追求的 w3schools.com/css/css_boxmodel.asp

标签: html css


【解决方案1】:

gap 样式属性适用于 display: flex,但您可以使用 margin-bottom 进行此操作,这是一个示例。

HTML

<div>
 <div class="header">
   <h2>Header</h2>
 </div>
 <h1>Header</h1>
<div>

CSS

.header {
 margin-bottom: 50px;
}

【讨论】:

  • 您好,非常感谢您的回复。如果在我网站的右侧,我想在 Header 文本和 Header 元素之间添加一个元素?太感谢了
  • 只需将其添加到 html 中,尝试使用 display flex
【解决方案2】:

只需为包含“标题”文本的 html 元素添加边距,并为按钮添加一些边距。

这是一个很好的资源:@​​987654321@

【讨论】:

    【解决方案3】:

    您还可以使用 br 标签插入换行符 &lt;br&gt;

    【讨论】:

    • 对于这个问题,我不建议使用&lt;br&gt;
    猜你喜欢
    • 1970-01-01
    • 2020-06-13
    • 1970-01-01
    • 2021-06-13
    • 1970-01-01
    • 2011-06-25
    • 2013-05-12
    • 1970-01-01
    • 2012-11-04
    相关资源
    最近更新 更多