面试的时候碰到的问题, 如何实现四栏等宽,中间设置一定间隙的自适应布局:
如图,在未知宽度的父容器中, 里面四列等宽,中间间隙相等,比如10px:(我目前只想到是用JS先获取父容器宽度,然后通过减去间隙,再计算设置列的宽度后设置列宽度),有没有不用JS的方法?
阿神2017-04-17 13:51:25
你可以这样试试:(假设外层容器的宽度为100%),
.wrap p{
background: blue;
float:left;
width:20%;
height:100%;
margin:0 2.5%;
}