css - 在 100% 宽的容器中均匀分布 28 个 div

Question

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

我计划有 28 个 div，它们之间没有空间并排。二十六个将有一个字母表，一个将有文本“全部”，最后一个将有一个井号。

这可能吗？可能使用 CSS3 计算？如果是这样，我怎样才能完成我想要的？

Answer 1

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

http://jsfiddle.net/GgrKU/

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