html table中多个连续 td 里 igm有间隔怎么消除

a_1212_a 2017-11-19 08:11:45
<!doctype html>
<html>
<head>
<meat charset="gb2312">
</head>
<body>
<table width="90%" align="center" cellspacing="0" cellpadding="0">
<tr>
<td wifth="218" height="63"><img src="index.jpg">
<tr width="90%">
<td><img src="index_01.gif">
<td><img src="index_02.gif">
<td><img src="index_03.gif">
<td><img src="index_04.gif">
<td><img src="index_05.gif">
<td><img src="index_06.gif">
<td><img src="index_07.gif">
<td><img src="index_08.gif">
<td><img src="index_09.gif">
<td><img src="index_10.gif">
<tr><td><embed src="top.swf">
</table>
</body>
</html>


...全文
372 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
a_1212_a 2017-11-21
  • 打赏
  • 举报
 回复
我也是这样想的
天际的海浪 2017-11-21
  • 打赏
  • 举报
 回复
你别整个页面都放一个表格里啊。页面的各个部分都分别放单独的表格里，用大表格中套小表格来布局
天际的海浪 2017-11-20
  • 打赏
  • 举报
 回复
引用 5 楼 a_1212_a 的回复:
有没有什么原理书推荐下
http://www.w3school.com.cn/tags/att_td_colspan.asp
a_1212_a 2017-11-20
  • 打赏
  • 举报
 回复
如果不行就算了
a_1212_a 2017-11-20
  • 打赏
  • 举报
 回复
再帮我看看这个能不能合到一起
<!doctype html>
<html>
<head>
<meat charset="gb2312">
</head>
<body>
<table width="90%" align="center" cellspacing="0" cellpadding="0" border="1">
<tr>
<td width="218" height="63" colspan="10"><img src="index.jpg"></td>
</tr>
<tr>
<td width="10"><img src="index_01.gif"></td>
<td width="10"><img src="index_02.gif"></td>
<td width="10"><img src="index_03.gif"></td>
<td width="10"><img src="index_04.gif"></td>
<td width="10"><img src="index_05.gif"></td>
<td width="10"><img src="index_06.gif"></td>
<td width="10"><img src="index_07.gif"></td>
<td width="10"><img src="index_08.gif"></td>
<td width="10"><img src="index_09.gif"></td>
<td> <img src="index_10.gif"></td></tr>
<tr> <td colspan="10"><embed src="top.swf" width="100%" height="100%"></td></tr>

<tr rowspan="3"> <td ><img src="001.jpg"></td> <td><img src="006.gif"></td> <td><img src="007.gif"></td></tr>
<tr> <td><img src="002.jpg"></td></tr>
<tr> <td><img src="003.jpg"></td> <td><img src="008.gif"></td> <td><img src="009.gif"></td> <td><img src="010.gif"></td> <td><img src="011.gif"></td> </tr>

<tr> <td><img src="004.gif"> </td> <td><img src="013.jpg"></td> <td rowspan="2" colspan="8"><img src="012.jpg" width="100%" height="100%"></td></tr>
<tr> <td><img src="005.gif"></td> <td><embed src="表格布局.txt" width="100%" height="100%"></td></tr>

<tr> <td align="left"><img src="015.gif"></td></tr>
</table>
</body>
</html>

代码结果：


老师要求：
天际的海浪 2017-11-20
  • 打赏
  • 举报
 回复
这就是用表格布局的麻烦之处，现在都提倡用div ul li布局就没有这类问题
天际的海浪 2017-11-20
  • 打赏
  • 举报
 回复
引用 7 楼 a_1212_a 的回复:
为什么第二行前九个td都有width而第十个没了？ 还有colspan怎么跑到下一个tr了
第十个没有width就是自动适应页面的剩余宽度。 表格的单元格td都是要每一行对齐的。每一行tr内的单元格td的数量都应该一致。如td数量不一致的话就要用colspan设置跨列。 比如你这个表格，第二行有10个td，那么，第一行和第三行就也应该有10个td。可你第一行和第三行却只有一个td，这就要设置这个td跨10列colspan="10"，也就是这一个td顶其它行的10个td。
a_1212_a 2017-11-20
  • 打赏
  • 举报
 回复
为什么第二行前九个td都有width而第十个没了？ 还有colspan怎么跑到下一个tr了
a_1212_a 2017-11-19
  • 打赏
  • 举报
 回复
有没有什么原理书推荐下
a_1212_a 2017-11-19
  • 打赏
  • 举报
 回复
可以，[/img]不过为什么呢
天际的海浪 2017-11-19
  • 打赏
  • 举报
 回复
引用 2 楼 a_1212_a 的回复:
我想要的是十列呢
<table width="90%" align="center" cellspacing="0" cellpadding="0"> <tr> <td width="218" height="63" colspan="10"><img src="index.jpg"></td> </tr> <tr width="90%"> <td width="10"><img src="index_01.gif"></td> <td width="10"><img src="index_02.gif"></td> <td width="10"><img src="index_03.gif"></td> <td width="10"><img src="index_04.gif"></td> <td width="10"><img src="index_05.gif"></td> <td width="10"><img src="index_06.gif"></td> <td width="10"><img src="index_07.gif"></td> <td width="10"><img src="index_08.gif"></td> <td width="10"><img src="index_09.gif"></td> <td><img src="index_10.gif"></td> </tr> <tr><td colspan="10"><embed src="top.swf"></td></tr> </table>
a_1212_a 2017-11-19
  • 打赏
  • 举报
 回复
我想要的是十列呢
天际的海浪 2017-11-19
  • 打赏
  • 举报
 回复
<table width="90%" align="center" cellspacing="0" cellpadding="0"> <tr> <td width="218" height="63"><img src="index.jpg"></td> </tr> <tr width="90%"> <td><img src="index_01.gif"><img src="index_02.gif"><img src="index_03.gif"><img src="index_04.gif"><img src="index_05.gif"><img src="index_06.gif"><img src="index_07.gif"><img src="index_08.gif"><img src="index_09.gif"><img src="index_10.gif"></td> </tr> <tr><td><embed src="top.swf"></td></tr> </table>
Web基础 HTML和CSS介绍和基本使用及语法，JavaScript和jQuery介绍和基本使用及语法
WEB 什么是WEB 互联网上的一种应用程序--&gt;网页 　　典型的应用： 　　　　C/S Client:客户端 Server:服务器 B/S 　　B: Browser :浏览器 　　S:　Server :服务器 WEB的组成　&amp; 运行流程 ...
对wangeditor进行扩展---- 源代码
我对WangEditor进行的扩展的源代码，包括：数学公式、上标、下标、图片、自定义表情、表格、格式、特殊字符、文本折叠、窗口最大化、查看html源代码，等等。
wangEditor编辑器使用
. wangEditor 编辑器的使用 通过 https://github.com/wangfupeng1988/wangEditor/releases 下载wangEditor文档 引入到项目中。 通过 <script type=”text/ script ” src=”/wangEditor.js”> 引入wangEditor.js到项目中 2.创建wangEdi...
wangEditor 修改 “视频”菜单 的实现方式，达到上传视频的功能---完整版
(function (global, factory) { typeof exports === 'object' &amp;&amp; typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' &amp;&amp; define.amd ? define(fa...
wangEditor 上传本地视频和图片到oss服务器并在富文本回显。
不多说直接上代码，无效你顺着网线来打我： 第一步：找到wangEditor.js文件，一下代码直接全选复制，到wangEditor.js文件里面Ctrl+A 在Ctrl+V全部替换掉，这个我已经改好了，不用你再去找什么方法改指定的地方了，然后执行第二步： (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(
CSS

61,112

社区成员

60,730

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章