c01nd01r
11/20/2013 - 11:46 AM

Адаптивные изображения в сетке 3x3 на списках

Адаптивные изображения в сетке 3x3 на списках

div { /* Главный контейнер. Может иметь любые размеры */
    width:500px;
}
ul { 
    text-align:center;    
}
li {
    list-style:none;
    display:inline-block;
    vertical-align:top;
    width:20%; /* размер контейнера под изображения*/
}
div
    ul
        li
            img src="#" width="100%"
            span SomeText
        li
            img src="#" width="100%"
            span SomeText
        li
            img src="#" width="100%"
            span SomeBigBigBigText
        li
            img src="#" width="100%"
            span SomeText
        li
            img src="#" width="100%"
            span SomeText
        li
            img src="#" width="100%"
            span SomeText
        li
            img src="#" width="100%"
            span SomeText
        li
            img src="#" width="100%"
            span SomeText
        li
            img src="#" width="100%"
            span SomeText