Skip to content

Instantly share code, notes, and snippets.

@c01nd01r
Created November 20, 2013 11:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save c01nd01r/7561887 to your computer and use it in GitHub Desktop.
Save c01nd01r/7561887 to your computer and use it in GitHub Desktop.
Адаптивные изображения в сетке 3x3 на списках
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
div { /* Главный контейнер. Может иметь любые размеры */
width:500px;
}
ul {
text-align:center;
}
li {
list-style:none;
display:inline-block;
vertical-align:top;
width:20%; /* размер контейнера под изображения*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment