css - 在100％宽的容器中均匀间隔28格

我知道可以在固定宽度的容器内均匀间隔相同宽度的div，但是流体宽度的容器呢？

我计划有28个div，它们之间并没有间隔。二十六个字母中的一个字母，一个字母为“ all”，最后一个字母为磅。

这可能吗？大概是CSS3 calc吗？如果可以，我该如何完成我想要的？

最佳答案

是的，您可以浮动div，并使用％单位将其宽度设置为父级宽度的1/28：

http://jsfiddle.net/GgrKU/

#parent {
    outline: 1px solid red;
    overflow: hidden
}
#parent > div {
    width: 3.5714%;
    float: left;
    text-align: center;
}

关于css - 在100％宽的容器中均匀间隔28格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16961706/