html - 如何将div除以6？

Question

是否有任何本地方法可以将 div 分成 6 个不同的部分，就好像它是一个具有 6 个相同大小列的表（但我不希望它是一个表）？（本机 = 无插件）

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

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

Answer 1

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

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

前任。对于谷歌引导程序：

<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 的“table like”：

<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 一样）。