在两个 div 之间添加空格 [重复]答案

【问题标题】：Adding space between two divs [duplicate]在两个 div 之间添加空格 [重复]
【发布时间】：2018-07-20 07:48:18
【问题描述】：

我在 HTML 文件中定义了一个部分，其中两个 div 彼此相邻，如下所示：

<div class="container">
  <div class="row">
    <div class="col-sm-4">
    </div>
    <div class="col-sm-4">
    </div>
  </div>
</div>

如何在 HTML 文件中的两个水平 div 之间添加空格？

【问题讨论】：

【解决方案1】：

从您的 sn-p 看来您正在使用引导程序，如果是这种情况，那么您可以在引导程序中的两个水平 div 之间添加空格，如下所示：

<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
</div>

其中：col-ms-offset-{值}。在 div 的左侧添加空格（按指定）。并且您应该记住，所有 div 的大小（包括偏移量）在引导网格系统中的总和必须为 12，如上例所示。

【讨论】：

【解决方案2】：

如果您想分隔两个 div，您可以执行以下操作：

HTML

<div class="container">
  <div class="row">
    <div class="col-sm-4">A</div>
    <div class="col-sm-4">B</div>
  </div>
</div>

CSS

.col-sm-4 {
  margin: 0 5px;
}

【讨论】：