Html 在不使用<；br/>；

我的沙发上有一个按钮

<button id="showmenu" type="button">Show menu</button>
<div class="sidebarmenu">
    Some code
</div>

显示菜单
一些代码

div显示在按钮的正下方。我希望按钮显示为换行符。我知道使用

是一种不好的做法。没有它，我怎么给空间

使用css：

.sidebarmenu{
  margin-top: 20px;
}

实例：

使用css：

.sidebarmenu{
  margin-top: 20px;
}

实例：

您可以使用

#showmenu{
   margin-bottom:10px;
}

您可以使用

#showmenu{
   margin-bottom:10px;
}

---

您可以显示“阻止”按钮

button{display:block}

---

您可以显示“阻止”按钮

button{display:block}

---

你可以把它变成块级元素

button{
    display: block;
}

---

请参阅fiddle:

您可以将其设置为块级元素

button{
    display: block;
}

---

请参阅fiddle:

在给定场景中，这并不是很糟糕的做法。只有当你看到以下情况时，这才是糟糕的做法：

<div>
</div>
<br />
<br />
<input />
<br />
<br />

---

但是你想用它来控制文本，所以用它！这让我想起了当你看到人们在桌子上痛恨时，却在

div

s上使用

display:table

和

display:table cell

在您给定的场景中，这并不是很糟糕的做法。只有当你看到以下情况时，这才是糟糕的做法：

<div>
</div>
<br />
<br />
<input />
<br />
<br />

但是你想用它来控制文本，所以用它！这让我想起了当你看到人们在桌子上痛恨时，却在

div

s上使用

display:table

和

display:table cell

您可以尝试以下方法：

       <button id="showmenu" type="button">Show menu</button>
       <div class="sidebarmenu" style="margin-top:20px" >
            Some code
        </div>

显示菜单
一些代码

您可以尝试以下方法：

       <button id="showmenu" type="button">Show menu</button>
       <div class="sidebarmenu" style="margin-top:20px" >
            Some code
        </div>

显示菜单
一些代码

断线的正确方法是使用

---

不过，要在块元素之间留出一些空间，可以使用CSS属性，如

边距

（外部）或

填充

（内部）。但利润并不是断线<代码>
表示换行，并呈现为空白。边距是渲染空白的另一种方式，但这并不等同，因为它不会影响相同的内容。

进行换行的正确方法是使用

---

不过，要在块元素之间留出一些空间，可以使用CSS属性，如

边距

（外部）或

填充

（内部）。但利润并不是断线<代码>
表示换行，并呈现为空白。边距是呈现空白的另一种方式，但这并不等同，因为它不会影响相同的内容。

您能否提供您想要的屏幕截图，以及您的问题的JSFIDLE链接？@Bittu使用样式中的顶部边距这是我的小提琴。这就是我想在不使用
的情况下做的。在css中使用边距时，不使用
也可以做到这一点。但是，不要认为简单地使用
是不好的做法，在您的示例中，这不是实现您想要的目标的最简单、最快速的方法，也不是一种不好的方法。看看Mattytomo的回答，你在找这个吗-@Bittu你能提供你想要的屏幕截图和你的问题的JSFIDLE链接吗？@Bittu使用风格上的上边距这是我的小提琴。这就是我想在不使用
的情况下做的。在css中使用边距时，不使用
也可以做到这一点。但是，不要认为简单地使用
是不好的做法，在您的示例中，这不是实现您想要的目标的最简单、最快速的方法，也不是一种不好的方法。看看Mattytomo的回答，你在找这个吗-@Bittu@Cherniv这是不同的，OP已经声明他可以更改标记以实现公平。divs上的表显示模式允许您拥有一些与实际表标记固有的不同语义。所以你可以做一个实际的表格布局。但是，是的，我同意，我一点也不喜欢这种做法…@Cherniv那是不同的，OP已经声明他可以更改标记以实现公平。divs上的表显示模式允许您拥有一些与实际表标记固有的不同语义。所以你可以做一个实际的表格布局。但是，是的，我同意，我一点也不喜欢这种做法……不。-@SpaceBison OP没有宣布浮动的地方。他向我们展示了他的一段代码，但这可能会在他的项目中被用尽。因此，将其改为浮动并进行清算并不一定可行。如果他已经使用了浮点，那么使用clear浮点或者我应该说

。clearfix

将是最好的解决方案。@Nathan-是的，我明白你的意思，但我这样说是因为OP“没有声明的地方”任何CSS——我认为，在定位和CSS中经常使用的其他选项会很流行。我应该在我的第一次评论中说得更清楚。不@SpaceBison OP没有where声明的float。他向我们展示了他的一段代码，但这可能会在他的项目中被用尽。因此，将其改为浮动并进行清算并不一定可行。如果他已经使用了浮点，那么使用clear浮点或者我应该说

。clearfix

将是最好的解决方案。@Nathan-是的，我明白你的意思，但我这样说是因为OP“没有声明的地方”任何CSS——我认为，在定位和CSS中经常使用的其他选项会很流行。我应该在第一次评论中把这一点说得更清楚。