| |
|
|
| | здравствуйте
.obj {
margin:0;
padding:0;
list-style:none;
overflow:hidden;
}
.obj li {
float:left;
width:214px;
height:230px;
padding:10px;
border:solid 1px #ccc;
border-radius: 10px;
margin:0 18px 10px 0;
}
.obj li:nth-child(4n+4)
{
margin-right:0;
}
|
<ul class="obj">
<li><a href=""><img src="img/demo-1.jpg" alt="" /></a></li>
<li><a href=""><img src="img/demo-1.jpg" alt="" /></a></li>
<li><a href=""><img src="img/demo-1.jpg" alt="" /></a></li>
<li><a href=""><img src="img/demo-1.jpg" alt="" /></a></li>
<li><a href=""><img src="img/demo-1.jpg" alt="" /></a></li>
<li><a href=""><img src="img/demo-1.jpg" alt="" /></a></li>
<li><a href=""><img src="img/demo-1.jpg" alt="" /></a></li>
<li><a href=""><img src="img/demo-1.jpg" alt="" /></a></li>
<li><a href=""><img src="img/demo-1.jpg" alt="" /></a></li>
</ul>
|
по 4 li в строку между ними отступы
крайний левый не имеет отступа слева а крайний правый не имеет отступа справа
то бишь 2 центральных имеют отступы слева и справа - это визуально
на самом деле все имеют отступ справа по 18 px но каждый 4 li обнуляется )))
может кто знает как это решить без подобного варианта как у меня? | |
| |
|
