Question

我正在尝试使用基础构建在线网络应用程序，我有关于共享2个大6列共享1行的问题。我的2个元素容器之间有奇怪的GAP（间隙用红色标记）。如何在没有这个差距的情况下将这些元素彼此靠近，或者你为什么我有这个差距呢？我不确定，但我认为基金会的最后一栏是向右浮动的，这就是为什么这两个元素有这个差距的原因。这有什么线索吗？ PIC example

 <div class="mainHeader">
      <div class="wrapper">

      <div class="row">
        <div class="large-6 columns one">
          <div class="leftSide">
            <img src="img/sun.png" width="142"  height="142" title="someText" alt="someText">
          </div><!-- end leftSide -->
        </div>

        <div class="large-6 columns one">
          <div class="rightSide">

          </div>
        </div>
      </div><!-- end row -->

      </div><!-- end wrapper -->
    </div><!-- main header -->

Answer 1

<div class="small-12 large-6 columns text-center">

Answer 2

您可以像这样使用text-left和text-right：

<div class="mainHeader">
  <div class="wrapper">
    <div class="row">
      <div class="large-6 columns text-left">
        <img src="img/sun.png" width="142" height="142" title="someText" alt="someText">
      </div>
      <div class="large-6 columns text-right">
        <img src="img/sun.png" width="142" height="142" title="someText" alt="someText">
      </div>
    </div>
  </div>
</div>

基础中心问题

2 个答案: