如何设计7%左右空空间的地基布置？
如何设计7%左右空空间的地基布置？
提问于 2014-06-19 09:13:29
当使用基础css设计网站布局时，如果我在div中使用网格系统，类row.its在左边和右边提供更多的空间，就像在图像中一样。
The Code I am using is as bellow within the div with class="row"
<div class="row">
<div class="small-2 large-4 columns">small-2 large-4 columns</div>
<div class="small-4 large-4 columns">small-4 large-4 columns</div>
<div class="small-6 large-4 columns">small-6 large-4 columns</div>
</div>在这里，我只需要5-7%的空间，在左边和右边的side.How，以实现这个使用基础？
回答 4
Stack Overflow用户
回答已采纳
发布于 2014-06-19 10:34:57
我们需要改变一个基础的类“行”的宽度，就像我们need.thats它一样，我们将在左边和右边得到空间。
Stack Overflow用户
发布于 2014-06-19 09:25:51
您可以使用基金会中的居中列来执行此操作。小-1行占8.3333%，所以在下面的html中，您可以在右边和左边有4.166%的空间。
<div class="row">
<div class="small-11 small-centered columns">
<div class="row">
<div class="small-2 large-4 columns">small-2 large-4 columns</div>
<div class="small-4 large-4 columns">small-4 large-4 columns</div>
<div class="small-6 large-4 columns">small-6 large-4 columns</div>
</div>
</div>
</div>这里有一个小提琴-链接
Stack Overflow用户
发布于 2014-06-19 09:19:18
如果我正确地理解了您，那么您希望得到类似这个http://jsfiddle.net/Tb9Vg/1/的东西，但是它与基金会本身没有任何关系。
html：
<div class="wrap">
<div class="row">
<div class="small-2 large-4 columns">small-2 large-4 columns</div>
<div class="small-4 large-4 columns">small-4 large-4 columns</div>
<div class="small-6 large-4 columns">small-6 large-4 columns</div>
</div>
</div>css：
.wrap{
padding-left:7%;
padding-right:7%;
}
.columns{
height: 500px;
background-color:blue;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24302936
复制相关文章
相似问题
腾讯云开发者
