表格内再内嵌表格,怎么让这些内嵌的表格自动换行

php中文网
发布: 2016-06-13 13:14:52
原创
1284人浏览过

表格内再内嵌表格,如何让这些内嵌的表格自动换行
我定义了大表格为700像素的宽度,内嵌每个小表格150宽度,每行显示四个小表格后换行
代码如下:
(结果是:表格不换行,把大表格撑破了)

HTML code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
//PHP语句,从数据库select内容
<table width="700" align="center">
  <tr>
     <td>
      <table width="150">
             //PHP语句这里显示从数据库中捞出的内容
          </table>
             //PHP语句,循环以上这个table
     </td>
  </tr>
</table>

登录后复制


------解决方案--------------------
1、在无 css 控制时,table 不会被平行放置。所以你的示例代码与问题描述不符
2、假定你已经做了控制,那么 4 个 table 只占 600,绝无超出 700 的可能。应该是你换行控制有问题
HTML code
登录后复制
a
a
a
a
a
a

------解决方案--------------------
很明显楼主没有对表格进行换行控制。

三种方法供参考:

1,换用DIV(方便很多,但是弊端是,你得重新设计你的样式表)

2,用楼上那个左浮动(弊端是,内容向左,不能居中了)

3,用PHP程序控制:每取出四个值,填入4个表后,重新一下(太方便美观了)
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号