To:chinmo,给你看看CSS控制一行多列

李睿_Lee 2008-07-09 02:59:28
前两天,我在一帖里回复,可以用CSS来控制,详细见:http://topic.csdn.net/u/20080703/22/b19b32d0-0a1d-498d-a96c-02e16398d1c9.html
那两天忙,我也是偷闲上来看看论坛,懒得写例子。
刚才再上来看,发现chinmo在那叫唤,说没给出例子,只是嘴上说说,我看那帖子已经结了,回了你也估计不会去看了,那就重新发一帖让你看看。
其实很简单的,程序里不用判断换不换行,你一直输出数据形成以下格式(由于不用判断换行的问题,所以程序超级简单,我就不写程序了):
<div id="pics">
<div class="item"><img src="images/home.gif" width="120" height="120" /><br />图片1</div>
<div class="item"><img src="images/home.gif" width="120" height="120" /><br />图片2</div>
<div class="item"><img src="images/home.gif" width="120" height="120" /><br />图片3</div>
<div class="item"><img src="images/home.gif" width="120" height="120" /><br />图片4</div>
<div class="item"><img src="images/home.gif" width="120" height="120" /><br />图片5</div>
<div class="item"><img src="images/home.gif" width="120" height="120" /><br />图片6</div>
<div class="item"><img src="images/home.gif" width="120" height="120" /><br />图片7</div>
</div>


接下来的才是关键,定义的CSS样式
<style type="text/css">
<!--
#pics {
width: 410px; border:solid #CCCCCC 1px; overflow:hidden; margin:auto;
}
#pics .item {float: left;width: 130px; margin:2px; text-align:center; border:dashed #CCCCCC 1px;
}
-->
</style>


搞定了,效果请看这里:http://www.biglee.cn/demo/cssdemo.html
本人对CSS也只是略有了解而已,还有好多都不懂,还请各位高手指教。
...全文
465 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
李睿_Lee 2008-07-10
  • 打赏
  • 举报
回复
[Quote=引用 8 楼 liuxiaoyi666 的回复:]
div+css简单

如果复杂了变table嵌套更麻烦,不过这个没啥好讨论的了

有时候还用ul li做的,不一定是非要用div这种方式,这两种方法的原理倒是类似的,我以前也有div布局就不停用div

的时候

不过chinmo给的asp代码真是经典,想起了6年前的美好时光了,看着石志国的书学的asp

大家讨论点更有意思的话题吧,你们觉得数据结构重要么??

反正我觉得重要,最近在写搜索引擎,正在用huffman算法,数据库索引是…
[/Quote]

一般像类似表格的数据呈现,都是用ul、li来做的,看起来也有条理一点。我只是比较懒,想少写点样式,才用了Div的,反正都能实现那效果。
这位兄台学asp的历史和我类似啊。我也是六七年前在学校图书馆看asp的书学的。
  • 打赏
  • 举报
回复
div+css简单

如果复杂了变table嵌套更麻烦,不过这个没啥好讨论的了

有时候还用ul li做的,不一定是非要用div这种方式,这两种方法的原理倒是类似的,我以前也有div布局就不停用div

的时候

不过chinmo给的asp代码真是经典,想起了6年前的美好时光了,看着石志国的书学的asp

大家讨论点更有意思的话题吧,你们觉得数据结构重要么??

反正我觉得重要,最近在写搜索引擎,正在用huffman算法,数据库索引是B-树

今天网站出现了一个奇怪的问题图片在网页中不能正常显示,而在本机可以,我突然想起了gif的算法,lzw算法,jpg也用

huffman算法,貌似当时抢分的时候不怎么懂,倒是不停的接触这些,回想起来还挺好。。。。
No_Data_Found 2008-07-09
  • 打赏
  • 举报
回复
学习
ice241018 2008-07-09
  • 打赏
  • 举报
回复
mark
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 Novolee 的回复:]
不好意思,是我那时匆忙间没有说清楚。当然不可能用CSS来控制表格的换行了。
但,用Div+CSS并不会比表格复杂。哪有那么多的嵌套啊?也就两层,表格从标签的意义上来讲还有三层呢(table,tr,td),Div看来起来也比较明了。
[/Quote]

一切特殊效果你要用DIV就必须使用嵌套
李睿_Lee 2008-07-09
  • 打赏
  • 举报
回复
再仔细一看我的回复,我有提到不是用表格的,是用Div的。
郁闷。。。。
还真以为是我没说清楚呢。
李睿_Lee 2008-07-09
  • 打赏
  • 举报
回复
不好意思,是我那时匆忙间没有说清楚。当然不可能用CSS来控制表格的换行了。
但,用Div+CSS并不会比表格复杂。哪有那么多的嵌套啊?也就两层,表格从标签的意义上来讲还有三层呢(table,tr,td),Div看来起来也比较明了。
  • 打赏
  • 举报
回复
再多说一点吧,如果一个网站使用的是table,再是使用那么多的嵌套DIV,还不如自杀,这个做法在table了根本不能这么用,只限制与DIV
还以为你使用CSS可以控制table并且可以不需要嵌套太多就可以做特殊效果的
  • 打赏
  • 举报
回复
还以为你说的是什么高超的CSS控制呢

原来是指说这个

特不喜欢这种要做特殊效果要不嵌套DIV的样式

28,409

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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