​这是怎么做的求指点

Question

<div class="footer">
		<div class="comwidth">
			<div class="footer_cont">
				<ul class="flink clearfix">
				     <li><a href="#">之梦CMS官网</a></li>
				     <li><a href="#">DedeCMS维基手册</a></li>
				     <li><a href="#">锦尚中国</a></li>
				     <li><a href="#">之梦CMS官网</a></li>
				     <li><a href="#">DedeCMS维基手册</a></li>
				     <li><a href="#">锦尚中国</a></li>
				     <li><a href="#">之梦CMS官网</a></li>
				     <li><a href="#">DedeCMS维基手册</a></li>
				     <li><a href="#">锦尚中国</a></li>
				     <li><a href="#">之梦CMS官网</a></li>
				     <li><a href="#">DedeCMS维基手册</a></li>
				     <li><a href="#">锦尚中国</a></li>
				     <li><a href="#">之梦CMS官网</a></li>
				     <li><a href="#">DedeCMS维基手册</a></li>
				     <li><a href="#">锦尚中国</a></li>
				     <li><a href="#">之梦CMS官网</a></li>
				     <li><a href="#">DedeCMS维基手册</a></li>
				     <li><a href="#">锦尚中国</a></li>
				     <li><a href="#">之梦CMS官网</a></li>
				     <li><a href="#">DedeCMS维基手册</a></li>
				     <li><a href="#">锦尚中国</a></li>
				     <li><a href="#">之梦CMS官网</a></li>
				     <li><a href="#">DedeCMS维基手册</a></li>
				     <li><a href="#">锦尚中国</a></li>
				     <li><a href="#">之梦CMS官网</a></li>
				     <li><a href="#">DedeCMS维基手册</a></li>
				     <li><a href="#">锦尚中国</a></li>
				</ul>
			</div>
		</div>
	</div><!-- footer_end -->

这是原样式 每列中间隔得都一样大

这个是我写的

.footer{
	height: 102px;
	background-color: #FAFAFA;
	border-top: #E9E9E9 solid 1px;
}
.comwidth{
    margin:0 auto;
    width:1000px;
}
.footer_cont{
	padding: 16px 0 26px;
}
.flink li{
	float: left;
	width: 11%;
	text-align: center;
}

Answer 1

给 flink 一个 display: flex.望采纳