Question

是否有任何本地方法将div分成6个不同的部分，就像它是一个包含6个大小相同的列的表（但我不希望它成为一个表）？（native = no plugins）

    <div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div> 
        <div></div> 
    </div>

我不希望它们有宽度：16.66％，因为浏览器调整大小永远不会填充整个宽度空间。（总百分比最终将达到99.96％）

Answer 1

使用twitter bootstrap网格系统或类似的网格系统。

引导链接：http://getbootstrap.com/

实施例。对于google bootstrap：

<div class="row">
    <div class="col-md-2">1</div>
    <div class="col-md-2">2</div>
    <div class="col-md-2">3</div>
    <div class="col-md-2">4</div>
    <div class="col-md-2">5</div>
    <div class="col-md-2">6</div>
</div>

原生方法（我不推荐这个），使div成为“像表”：

<div style="display: table;">
    <div style="display: table-row;">
        <div style="display: table-cell;">1</div>
        <div style="display: table-cell;">2</div>
        <div style="display: table-cell;">3</div>
        <div style="display: table-cell;">4</div>
        <div style="display: table-cell;">5</div>
        <div style="display: table-cell;">6</div>
    </div>
</div>

Answer 2

如果您希望避免使用诸如bootstrap之类的框架，而不是仅使用两个小数位，请使用更高的精度，例如16.66666666666667%（和bootstrap一样）。

如何将div除以6？

2 个答案: