实现一个类似这样的功能,浏览器窗口缩小时里面的元素之间的间距也缩小,外面的绿色大框还需要相对页面垂直居中。但是有最大宽度和最小宽度,即在大屏幕时不能占满整屏,小屏幕不能锁成一团。
大概结构:
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<style>
div {
text-align: center;
}
ul {
max-width:
min-width:
width:100%;
text-align: center;
display: inline-block;
overflow: hidden;
}
li {
text-align: center;
width: 25%;
float: left;
}
</style>