Равномерное пространство 28 разделов в контейнере шириной 100%

Question

Я знаю, что можно равномерно распределять пространства с одинаковой шириной внутри контейнера с фиксированной шириной, но как насчет контейнера ширины жидкости?

Я планирую иметь 28 разделов без пространства между ними рядом. Двадцать шесть будут иметь одну букву алфавита, у каждого будет текст «все», а у последнего будет знак фунта.

Возможно ли это? Возможно с CSS3 calc? Если да, то как я могу выполнить то, что хочу?

Answer 1

Да, вы можете просто плыть по дивы, и установить их ширину до 1/28 ширины родителя, используя% блок:

http://jsfiddle.net/GgrKU/

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