耽美漫画

不考虑兼容的情况下,我常会这么写代码,

ul {

overflow: hidden

}

ul li{
float: left;
margin-right: 24px;
width: 384px;
height: 270px;
}
ul li:nth-child(3n){
margin-right: 0;
}
一段:的就是平时做列表的时候习惯写的,直接靠左浮动,用margin-right控制间距,
二段:就是用css3来控制margin-right输出为0,
这样简单是很简单,但是会有游览器兼容问题,在WAP上即可完美使用nth-child这一选择器
在这样的情况下,我收集到了一个PC上一个完美处理的方法,现在推荐记录下:
ul{
overflow: hidden;
margin-left: -12px;
width: 102%;
}
ul li{
float: left;
margin-right: 12px;
margin-left: 12px;
width: 384px;
height: 270px;
}
是不是也是很简单,您是否可以想象出实际效果呢?动手能力强的童鞋可以操作试试~棒棒的!!
相遇在这网络即是缘分,愿你安好,我是厦门啊胖,谢谢前端客栈