asp.net中,repeater在前台如何使用div+css控制显示格式

zenggezhuang 2012-05-11 10:20:23
我想在repeater中每行显示三列,每列中有图片和相关文字,如果把图片设置成统一大小,如果使用div+css布局该怎么实现呢?希望各位有过这样经历的指点指点。谢谢!
...全文
194 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
bonnibell 2012-05-11
  • 打赏
  • 举报
回复


.shotcut
{
width: 100%;
padding: 1px;
text-align: center;
padding-left: 20px;
}

.shotcut li
{
float: left;
width: 150px;
height: 150px;
display: block;
text-align: center;
margin: 20px;
}

.shotcut li img
{
margin-top: 1px;
margin-left: 9px;
display: block;
}

<ul class="shotcut">
<li><a href="">
<img src="" width="128" height="128" /><span>假管理</span></a></li>
<li><a href="">
<img src="" width="128" height="128" /><span>管理</span></a></li>
<li><a href="">
<img src="" width="128" height="128" /><span>位管理</span></a></a></li>
</ul>
白云任去留 2012-05-11
  • 打赏
  • 举报
回复
div、ul、li标签撒,ul宽度控制在最大可容纳三个li标签,至于li标签里面的内容,自己编排了,无非写点样式.

62,268

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧