61,115
社区成员
发帖
与我相关
我的任务
分享
ul{width:auto;}
ul li { list-style: none; width:auto; height:auto; display:inline-block }
ul li a{ float: none; display:block;}
ul li a{ margin-bottom: 20px;margin-right: 15px;}
ul li a span{display:block;}
<div id="center">
<ul id="u1">
{dede:arclist row=100 imgwidth="100" imgheight="100" type="image"}
<li><a href="[field:arcurl /]"><img src='".$row['picname']."' width='293' height='293''></a></li>
{/dede:arclist}
</ul>
</div>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<!--框架样式-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<style type="text/css">
.mat20{margin-top: 20px;}
.demo ul li img{width: 90%;margin: 0 auto;}
</style>
</head>
<body>
<div class="demo">
<ul>
<li class="col-md-4 col-sm-4 col-xs-4 mat20"><img src="images/photo.png"></li>
<li class="col-md-4 col-sm-4 col-xs-4 mat20"><img src="images/photo.png"></li>
<li class="col-md-4 col-sm-4 col-xs-4 mat20"><img src="images/photo.png"></li>
<li class="col-md-4 col-sm-4 col-xs-4 mat20"><img src="images/photo.png"></li>
<li class="col-md-4 col-sm-4 col-xs-4 mat20"><img src="images/photo.png"></li>
<li class="col-md-4 col-sm-4 col-xs-4 mat20"><img src="images/photo.png"></li>
<div class="clear"></div>
</ul>
</div>
<!-- jquery引入 -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- bootstrap引入-->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>