Last active
May 27, 2016 16:47
-
-
Save whitershade/2fce4045c8a2e5d3ac7262fa3283c19b to your computer and use it in GitHub Desktop.
flex justife-content space-between without flex
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
ul { | |
font: 14px Verdana, Geneva, sans-serif; | |
text-align: justify; | |
/* Обнуляем для родителя*/ | |
line-height: 0; | |
font-size: 1px; | |
/* 1px для Opera */ | |
/* Лекарство для IE6-7*/ | |
text-justify: newspaper; | |
zoom: 1; | |
/* Включаем в работу последнюю строку*/ | |
text-align-last: justify; | |
} | |
ul:after { | |
width: 100%; | |
height: 0px; | |
visibility: hidden; | |
overflow: hidden; | |
content: ''; | |
display: inline-block; | |
} | |
ul li { | |
background: #E76D13; | |
width: 98px; | |
height: 98px; | |
display: inline-block; | |
text-align: left; | |
border: 1px solid #000; | |
/* Востанавливаем у потомков, кроме последнего*/ | |
line-height: normal; | |
font-size: 14px; | |
/* Без него в Opera будет отступ под элементами */ | |
vertical-align: top; | |
/* эмуляция inline-block для IE6-7*/ | |
//display : inline; | |
//zoom : 1; | |
text-align-last: auto; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment