27
2018
02

css的li换行去掉margin-right每隔5个就去掉

.i2_text{ MARGIN: 0px auto; width:1130px; margin-top:10px; background-color:#006699}

.i2_text li{

float:left;

margin-bottom:15px;

margin-right:10px;

}

.i2_text li img {

padding:5px;

width:200px;

height:150px;

}

.i2_text li a{

border:2px #a8773f solid;

border-radius:4px;

width:210px;

height:190px;

display:block;

color:#333333;

}

.i2_text li a:hover {

border:2px #ff4a00 solid;

border-radius:4px;

height:190px;

TEXT-DECORATION:none;

font-weight:bold;

}

.i2_text li:nth-of-type(5n+0){

margin-right:0px;

}

.i2_text li p {

text-align:center;

line-height:20px;

}

解决IE8及以下版本不支持CSS3的nth-child()的写法

.i2_text li:first-child+li+li{margin-right:0px;}

« 上一篇下一篇 »