问题如下所示:
div中嵌套的section样式:
.padding-right {
display: inline-block;
padding-right : 20px;
width: 50%;
box-sizing: border-box;
vertical-align: middle;
}
.padding-left {
display: inline-block;
padding-left: 20px;
width: 50%;
box-sizing: border-box;
vertical-align: middle;
}
这样写如上图所示,safe即第二块section就会被挤下去,width改小写比如49.5%就可以了,但是整体宽度就会变成99%,最右边会出现与上下块不对齐的现象。
有没有办法让两个scetion回到同一行上并且不会出现width变短导致的不对齐的问题?
应该是inline-block的元素间距问题吧,建议参考张鑫旭 - 去除inline-block元素间间距的N种方法。