需求li250px等分在1000px的ul中,第一个li贴左边,最后一个li贴右边。
熟悉css3的很容易display:flex就搞定。
<style>
ul{width:1000px;margin:0 auto;background: green;font-size: 0;padding-left: 0}
li{width:250px;display:inline-block;height:20px;background: #333;font-size: 16px;}
li+li{margin-left:125px;}
</style>
<ul>
<li>a</li>
<li>a</li>
<li>a</li>
</ul>
预览效果:
开发中非常实用的小技巧。get到了么。