81,092
社区成员
发帖
与我相关
我的任务
分享时间紧急,请教一个基础的html页面布局的问题
如图:
页面中的内容是动态生成的, 现在是布成3列, 列数也有可能随分辨率不同而变化.
请问用什么元素布局更合适? 有样板源码最好.
页面中的内容是动态生成的, 现在是布成3列, 列数也有可能随分辨率不同而变化.
请问用什么元素布局更合适? 有样板源码最好.
...全文
请发表友善的回复…
发表回复
hwyue 2014-07-04
- 打赏
- 举报
追答：如果是按分辨率的话，那就将DIV宽度屏蔽或是直接不用定义，它就会自己布局行列数了，如果没达到效果，可以试下将span的宽度写成百分比表示。
hwyue 2014-07-04
- 打赏
- 举报
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>
sxax 2014-07-02
- 打赏
- 举报
使用Bootstrap 前提有基础的 HTML/CSS
S117 2014-07-01
- 打赏
- 举报
找个CSS牛B的人，这布局不成问题~
Juedaifanghua 2014-07-01
- 打赏
- 举报
来学习下。。。
yzyh 2014-06-30
- 打赏
- 举报
求个样板代码
threenewbee 2014-06-29
- 打赏
- 举报
用Bootstrap，根本不用为布局操心。
