Css 在100%宽的容器中均匀分隔28个div

Css 在100%宽的容器中均匀分隔28个div,css,fluid,Css,Fluid,我知道可以在固定宽度的容器内均匀地分隔具有相同宽度的div,但是流体宽度容器呢 我计划有28个div,它们之间没有空间并排。二十六个字母表中只有一个字母,一个字母表中有文字“all”,最后一个字母表中有一个磅符号 这可能吗?可能是CSS3计算?如果是这样的话,我如何实现我想要的呢?是的,您可以浮动div,并使用%单位将其宽度设置为父级宽度的1/28: #parent { outline: 1px solid red; overflow: hidden } #parent >

我知道可以在固定宽度的容器内均匀地分隔具有相同宽度的div,但是流体宽度容器呢

我计划有28个div,它们之间没有空间并排。二十六个字母表中只有一个字母,一个字母表中有文字“all”,最后一个字母表中有一个磅符号


这可能吗?可能是CSS3计算?如果是这样的话,我如何实现我想要的呢?

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

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