html - 为什么 adsense 和输入组之间没有垂直空间?

标签 html css twitter-bootstrap adsense

<分区>


关闭 5 年前

我有一个使用 Bootstrap 的简单页面。 Bootstrap “容器”div 中有 3 个 div:

  1. 职位
  2. 响应式 Adsense
  3. Ajax 表单控件

我希望广告和表单控件之间有一些垂直空间。但是,无论我做什么,adsense 广告都与表单控件齐平。

我已经尝试使用 Bootstrap div 类(例如,下面是我认为应该创建顶部和底部垂直边距的 my-1)并手动添加
(抱歉,我没有想法,不要'对 bootstrap 或 adsense 没有太多经验)

<div class="container">

  <div>
    <h3>name check</h3>
  </div>

  <div>
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-client="ca-pub-9999999991673999"
         data-ad-slot="9954999999"
         data-ad-format="auto"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  </div>

  <div class="my-1">
    <div class="input-group input-group-lg">
      <input type="text" class="form-control" placeholder="name" id="btn-name" />
      <span class="input-group-btn">
        <button class="btn btn-default" id="btn-check">check</button>
      </span>
    </div>
  </div>

最佳答案

你可以添加一些CSS

.my-1 {
    margin-top: 1em;
}

或者你可以添加内联 css:

<div style="margin-top:1em;">
    <div class="input-group input-group-lg">
        <input type="text" class="form-control" placeholder="name" id="btn-name" />
        <span class="input-group-btn">
            <button class="btn btn-default" id="btn-check">check</button>
        </span>
    </div>
</div>

关于html - 为什么 adsense 和输入组之间没有垂直空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45074230/

上一篇:html - 在中心对齐三个类 css

下一篇:css - 更改样式类后 JavaFX 按钮未居中

相关文章:

html - 旋转文本单元格中的背景颜色大小不正确

html - 在 CSS 中为背景混合两种颜色

twitter-bootstrap - Joomla 3.1.x 使用什么版本的 Twitter Bootstrap?

html - 如何更正药丸中的重叠文本

html - 为什么在 div 上使用的 font-size 属性会影响 div 的宽度和高度?

html - 如何让div列的高度相同?

javascript - 需要获取静态文件的状态

javascript - 如何在 jquery 或 javascript 中选择 id 包含的元素

javascript - 如何在整个 Bootstrap 中保持事件链接突出显示?

javascript - Bootstrap 和 react ,在单选按钮上分配 .active 类