css 删除内联块上的空白区域

Posted 2021-05-13

/*Method 1*/
.parent{
    font-size: 0; /*This one do the trick*/
}
.inline-block_{
    display: inline-block;
    width: calc(100% / #); /*Change # number of columns you like*/
    height: 300px;
}
/*Method 2*/
.inline-block_{
    display: inline-block;
    width: calc(100% / #); /*Change # number of columns you like*/
    height: 300px;
    margin-left: -5px; /*This one do the trick*/
}