社区
ASP
帖子详情
高手赐教实现table自动折行
孙小雄
2006-10-25 05:50:04
把每个table中放入一个图片,让他们按照窗体的宽度,尽可能的显示,当改变窗体大小时候,能够实现图片的自动折行
...全文
261
4
打赏
收藏
高手赐教实现table自动折行
把每个table中放入一个图片,让他们按照窗体的宽度,尽可能的显示,当改变窗体大小时候,能够实现图片的自动折行
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
孙小雄
2006-10-26
打赏
举报
回复
前面说的不好,我再说一遍:
我们知道,把一群图片放在一个宽度等于屏幕宽度的(width=100%)的TABLE的TD当中,
当图片的总共宽度超过了表格的宽度,这些图片会动态的自动换行。我们很喜欢这种效果。
因为它类似Windows 资源管理器。
----------------------------------------------------------------------------------
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" />
<img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" />
<img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" />
<img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" />
<img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" />
<img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" />
<img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" />
</td>
</tr>
</table>
----------------------------------------------------------------------------------
这时我们在给个图片的外围套上一个表格,这种情况就不再存在了,每个带着表格的图片不再横排排列,而是单独一行,即时用了nowrap 、<nobr>的标签依然无效, 那么我们的问题就是 如何让表格实现并排排列,自动折行呢?
----------------------------------------------------------------------------------
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td nowrap="nowrap">
<table width="286" height="110"><tr><td><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" /></td></tr></table>
<table width="286" height="110"><tr><td><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" /></td></tr></table>
<table width="286" height="110"><tr><td><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" /></td></tr></table>
<table width="286" height="110"><tr><td><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" /></td></tr></table>
<table width="286" height="110"><tr><td><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" /></td></tr></table>
<table width="286" height="110"><tr><td><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" /></td></tr></table>
<table width="286" height="110"><tr><td><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="286" height="110" /></td></tr></table>
</td>
</tr>
</table>
----------------------------------------------------------------------------------
guang1027
2006-10-26
打赏
举报
回复
white-space:normal 加到tr的样式里 试试 不管你的table是百分比还是固定数值都应该好用
freelyl
2006-10-25
打赏
举报
回复
你的TABLE用百分比宽度可以吧。
myvicy
2006-10-25
打赏
举报
回复
css就可以了。
DTOQuery
实现
一个DTO完成查询的奇迹
第一次发表这么正式的博客,内心还是有点忐忑。首先感谢正在阅读本文的大家,如有写的不对的地方,还请大家海涵,如能不吝
赐教
那就更加感谢了。...其次目前只对mySql 进行了
实现
,也预留了其他数据库的
实现
接
mysql自增恢复到1_mysql
自动
增长的有关问题,怎么恢复从1开始
mysql
自动
增长的问题,如何恢复从1开始在一个表中我设置到autoid为
自动
增长列例如有如下数据1 张三 男 202 王五 男 223 李四 男 254 陈大 男 19现在我把 autoid=3 和 autoid=4 的两条记录删除然后我再插入一条数据,...
mysql
自动
增长的有关问题,怎么恢复从1开始
mysql
自动
增长的问题,如何恢复从1开始在一个表中我设置到autoid为
自动
增长列例如有如下数据1 张三 男 202 王五 男 223 李四 男 254 陈大 男 19现在我把 autoid=3 和 autoid=4 的两条记录删除然后我再插入一条数据,...
mysql
自动
增长恢复_mysql
自动
增长的有关问题,怎么恢复从1开始
mysql
自动
增长的问题,如何恢复从1开始在一个表中我设置到autoid为
自动
增长列例如有如下数据1 张三 男 202 王五 男 223 李四 男 254 陈大 男 19现在我把 autoid=3 和 autoid=4 的两条记录删除然后我再插入一条数据,...
CDM和PDM的区别?(转)
CDM和PDM的区别?概念数据模型(CDM)信息系统的概念设计工具,即实体-联系图(E-R图),CDM就是以其自身方式来描述E-R图。此时不考虑物理
实现
的细节,只表示...PDM的对象:表(
Table
)、表中的列(
Table
column)、主...
ASP
28,409
社区成员
356,971
社区内容
发帖
与我相关
我的任务
ASP
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
复制链接
扫一扫
分享
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章