基础5中的对齐

Question

如何删除课程之间的空间？

<div class="large-12 columns"> 
    <div class="large-2 columns"> 
     <img src="/image/my-image.jpg" alt="" /> [ 1 ] 
    </div> 
    <div class="large-8 columns"> 
    </div> 
    <div class="large-2 columns">[ 2 ] 
    </div> 
</div> 

[1] 的图像中参考到我的类被居中。大-2。 我会离开它的股利。大-2

我的.text左和文本右，喜欢尝试的左侧：

<div class="large-2 columns"> 
    <div class="text-left"> 
     <img src="/image/my-image.jpg" alt="" /> 
    </div> 
</div> 

Answer 1

没有与columns一些默认的填充 - 你想要做的是添加此：

<div class="row collapse"> 
    <div class="large-2 columns"></div> 
    <div class="large-8 columns"></div> 
    <div class="large-2 columns"></div> 
</div> 

collapse类删除默认间距。

Answer 2

尝试

<div class="large-2 columns"> 
    <img class="left" src="/image/my-image.jpg" alt="" /> 
</div>