Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑难] 如何让tabel自动换行?

[复制链接]
lhb1109 发表于 2007-12-28 17:32:55 | 显示全部楼层 |阅读模式
我想做一个2行5列的表格展示10张图片,可是用以下代码却10张图片全排成了一行,有什么办法可以让表格自动换行呢?
  1. <!--{block name="spacevideo" parameter="catid/61,62,63,64,65,66,92,93/showdetail/1/order/i.dateline DESC/limit/0,10/cachetime/43200/subjectlen/14/cachename/home_newfilm/tpl/data"}--><!--首页_最新电影-->
  2.           <table width="100%" border="0" cellspacing="0" cellpadding="0">
  3.             <tr>
  4.               <!--{loop $_SBLOCK[home_newfilm] $value}-->
  5.                           <td width="20%" align="center">
  6.                           <table width="100%" border="0" cellspacing="0" cellpadding="0">
  7.                   <tr>
  8.                     <td><a href="$value[url]"><img src="$value[image]" alt="$value[subjectall]" width="90" height="120" border="0" /></a></td>
  9.                   </tr>
  10.                   <tr>
  11.                     <td height="35"><a href="$value[url]">$value[subject]</a></td>
  12.                   </tr>
  13.               </table>
  14.                           </td>
  15.                           <!--{/loop}-->
  16.               </tr>
  17.           </table>
复制代码
紫琼 发表于 2007-12-28 17:43:45 | 显示全部楼层
在 css 里控制下表格的宽度和每个单元格的高宽试试
回复

使用道具 举报

 楼主| lhb1109 发表于 2007-12-28 17:47:07 | 显示全部楼层
一定要用css控制吗?表格本身不可以限定吗?
回复

使用道具 举报

 楼主| lhb1109 发表于 2007-12-28 17:52:58 | 显示全部楼层
试了还是没有用
css里我是这样定义的:

.table_hh2 {
width: 615px;
}
.table_hh {
width: 123px;
}
  1. <!--{block name="spacevideo" parameter="catid/61,62,63,64,65,66,92,93/showdetail/1/order/i.dateline DESC/limit/0,10/cachetime/43200/subjectlen/14/cachename/home_newfilm/tpl/data"}--><!--首页_最新电影-->
  2.           <table width="100%" border="0" cellspacing="0" cellpadding="0">
  3.             <tr class="table_hh2">
  4.                          <!--{loop $_SBLOCK[home_newfilm] $value}-->
  5.                           <td align="center" class="table_hh">
  6.                           <table border="0" cellspacing="0" cellpadding="0" class="table_hh">
  7.                   <tr>
  8.                     <td class="table_hh"><a href="$value[url]"><img src="$value[image]" alt="$value[subjectall]" width="90" height="120" border="0" /></a></td>
  9.                   </tr>
  10.                   <tr>
  11.                     <td height="35" class="table_hh"><a href="$value[url]">$value[subject]</a></td>
  12.                   </tr>
  13.               </table>
  14.                           </td>
  15.                           <!--{/loop}-->
  16.               </tr>
  17.           </table>
复制代码
回复

使用道具 举报

南芝恋 发表于 2007-12-28 17:53:56 | 显示全部楼层
...哪能这么循环哦..
这样子弄

<!--{block name="spacevideo" parameter="catid/61,62,63,64,65,66,92,93/showdetail/1/order/i.dateline DESC/limit/0,10/cachetime/43200/subjectlen/14/cachename/home_newfilm/tpl/data"}--><!--首页_最新电影-->
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <!--{loop $_SBLOCK[home_newfilm] $value}-->
                          <td width="20%" align="center">a href="$value[url]"><img src="$value[image]" alt="$value[subjectall]" width="90" height="120" border="0" /></a><br /><a href="$value[url]">$value[subject]</a></td>
              <!--{/loop}-->
             </tr>
          </table>
回复

使用道具 举报

 楼主| lhb1109 发表于 2007-12-28 17:58:41 | 显示全部楼层

回复 5# 的帖子

我这样跟你这样好像没有什么区别,我的只是多了一层表格。

你这样还是没有换行~~~~~~~~
回复

使用道具 举报

 楼主| lhb1109 发表于 2007-12-28 18:06:44 | 显示全部楼层
请高手指点,下班回家再来看贴,希望能有解决办法。
我在论坛搜索了一下,好像挺多人问这个问题,可是就是没有找到答案,我自己了试了好久了,一直没有解决。
回复

使用道具 举报

yooge.net 发表于 2007-12-28 18:35:05 | 显示全部楼层
你要2行5列是吗?
这简单啊,定义一个  $i
让 i 循环 当 i ==5的时候加入</tr><tr>

就这样简单。表格我就喜欢用循环来实现。

你那里有几个意见我也看了,如果用CSS的话,你的表格就多余,直接定义为

<div style="位置;宽度;" >//大的框架

<div style="位置;宽度;" >图片</div>//图片框架

这样比较简单,直接可以实现。
所以这里建议你采用DIV+CSS的模版

</div>//大框架结束

评分

1

查看全部评分

回复

使用道具 举报

 楼主| lhb1109 发表于 2007-12-28 19:03:27 | 显示全部楼层
按你给出的提示试了,可是还是不行,现在变成了10行,代码如下,不知是否正确
  1. <div style="width:640px">
  2.                 <!--{loop $_SBLOCK[home_newfilm] $value}-->
  3.                 <div style="width:123px">
  4.                 <a href="$value[url]"><img src="$value[image]" alt="$value[subjectall]" width="90" height="120" border="0" /></a>

  5.         <a href="$value[url]">$value[subject]</a>
  6.                 </div>
  7.                 <!--{/loop}-->
  8.                 </div>
复制代码
回复

使用道具 举报

 楼主| lhb1109 发表于 2007-12-28 19:13:54 | 显示全部楼层
顶~~~~~~~~~~~~~~~~~~~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-1-11 17:46 , Processed in 0.034825 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表