当前位置: 代码迷 >> Java Web开发 >> 时间紧急请问一个基础的html页面布局的有关问题
  详细解决方案

时间紧急请问一个基础的html页面布局的有关问题

热度:35   发布时间:2016-04-16 22:12:55.0
时间紧急,请教一个基础的html页面布局的问题
本帖最后由 yzyh 于 2014-06-29 21:59:33 编辑
如图:



页面中的内容是动态生成的, 现在是布成3列, 列数也有可能随分辨率不同而变化.


请问用什么元素布局更合适? 有样板源码最好.
------解决方案--------------------
CSS就可以实现,定义个DIV,然后里面装SPAN,如:
<html>
<head>
<title>hwyue test div</title>
<style type="text/css">
.divCls{
width:900px;
}
.spanCls{
width:270px;
height:250;
margin:10px;
display: inline-block;
border:solid 1px;
}
</style>
</head>
<body>
<div class="divCls">
<span class="spanCls">1</span>
<span class="spanCls">2</span>
<span class="spanCls">3</span>
<span class="spanCls">4</span>
<span class="spanCls">5</span>
<span class="spanCls">6</span>
<span class="spanCls">7</span>
</div>
</body>
</html>span
<span class="spanCls">2</span>
<span class="spanCls">3</span>
</div>
  相关解决方案