<br> 元素在 div 和 input 之间不起作用答案

【问题标题】：<br> element not working between div and input<br> 元素在 div 和 input 之间不起作用
【发布时间】：2018-05-01 12:52:36
【问题描述】：

以下是我正在使用的代码。出于某种原因，我无法在 div.chatBox 和要显示的输入之间添加 br。谁能给我任何建议。

<div class="container-fluid col-xs-12">
    <div class="row">
        <br>
        <div class="chatBox col-xs-5 col-xs-offset-3" id="chatBox">
        </div>

        <br>

        <input type="text" class="col-xs-offset-4 col-xs-3">
    </div>
</div>

【问题讨论】：

“要显示的 br” - 你是什么意思？如果您需要 div 之间的空间，请使用 CSS 边距。 br 是文本的换行符。
你是使用类行..在引导程序中这意味着将内容保持在同一行..
你在使用引导程序吗？
你的意思是hr 吗？即使在hr 中，您也可以随时放置类并修改样式
@evolutionxbox 同意

标签： javascript html line-breaks elements

【解决方案1】：

我的课程是引导程序，所以我所做的只是添加一个 id，例如：

<div class="col-lg-12"  id="bottom_row_home">

然后在我的 css 中，我使用了

#bottom_row_home {
  padding-top: 50px;
}

这给了我两个 div 行之间的一点空间。

【讨论】：

【解决方案2】：

你使用<br/>标签的方式将没有效果，因为<div>已经是一个块元素，这就是原因，你觉得<br>标签不起作用。

如果您想添加一些空间，请使用&nbsp;

【讨论】：

<input> 不是块元素

【解决方案3】：

正如 Evolutionxbox 所说，您必须使用 css 正确显示您的元素。

但是你的 br 标签工作正常，只是你的第一个 div 是空的，所以你看不到区别，试试这两个示例，带和不带 br。

<div class="container-fluid col-xs-12">
    <div class="row">
        <br>
        <div class="chatBox col-xs-5 col-xs-offset-3" id="chatBox" style="background-color:red;width:160px;height:100px">
        </div>

        <br/>

        <input type="text" class="col-xs-offset-4 col-xs-3">
    </div>
</div>

<div class="container-fluid col-xs-12">
    <div class="row">
        <br>
        <div class="chatBox col-xs-5 col-xs-offset-3" id="chatBox" style="background-color:red;width:160px;height:100px">
        </div>

        

        <input type="text" class="col-xs-offset-4 col-xs-3">
    </div>
</div>

【讨论】：

这帮助我理解了为什么您在页面上看不到更改，谢谢您的详细解释。

【解决方案4】：

根据引导指南，您的 div 元素应该有一个 row 类。
然后您可以为它们添加样式作为 1em 的边距，而不是使用分隔线。

【讨论】：