Space 28在一个100%宽的容器中划分

时间:2013-06-06 12:08:27

标签: css3 fluid

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

我打算有28个div,它们之间没有空格。二十六个将有一个字母的单个字母,一个将有文本'全部',最后一个将有一个英镑符号。

这可能吗?可能与CSS3计算?如果是这样,我怎么能完成我想要的?

1 个答案:

答案 0 :(得分:0)

是的,你可以浮动div,并使用%unit将它们的宽度设置为父级宽度的1/28:

http://jsfiddle.net/GgrKU/

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