cellpadding,cellspacing,border对width和height的影响
来源:互联网 发布:农业保险财政补贴数据 编辑:程序博客网 时间:2024/06/04 19:22
本文是为了回答一个问题http://topic.csdn.net/u/20080919/09/a6eb73bf-1311-44ec-9170-40ad19c3021b.html?seed=498392399而讨论的.
先给出相应的概念:
cellpadding是单元格的元素与边界的距离
cellspacing是单元格与单元格之间的距离
border是边框的大小
讨论的例子:
- <table border="2" width="100" height="100" cellpadding="10" cellspacing="10">
- <tr>
- <td> </td>
- <td> </td>
- </tr>
- <tr>
- <td> </td>
- <td> </td>
- </tr>
- </table>
为了说明问题,我加了几个例子进去:
- <table>
- <tr><td>
- <table border="2" width="100" height="100" cellpadding="10" cellspacing="10">
- <tr>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td></td>
- <td></td>
- </tr>
- </table>
- </td><td>
- <table border="2" width="100" height="100" cellpadding="0" cellspacing="0">
- <tr>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td></td>
- <td></td>
- </tr>
- </table>
- </td><td>
- <table border="2" width="100" height="100" cellpadding="10" cellspacing="10">
- <tr>
- <td>1</td>
- <td>2</td>
- </tr>
- <tr>
- <td>3</td>
- <td>4</td>
- </tr>
- </table>
- </td><td>
- <table border="2" width="100" height="100" cellpadding="50" cellspacing="50">
- <tr>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td></td>
- <td></td>
- </tr>
- </table>
- </td></tr>
- </table>
截图是这样的:
根据例子,可以随意改变下三个属性的值,就可以发现,只要它们的值的和不大与总的宽和高,整个表格是不会被撑大的^-^
如果大于了,就回撑大整个表格的大小了.
如果还是没有清楚怎么撑大的,可以去搜索下表格的"盒子布局",可能会有帮助.
小结
多谢qq463076778,让我突想研究清楚这个东西,就做了点试试.文章难度不大,不过,初学HTML者弄清楚表格是很关键的.
- cellpadding,cellspacing,border对width和height的影响
- table标签中cellspacing和cellpadding,border的意思?
- CellSpacing 和CellPadding的区别
- html的cellpadding和cellspacing
- table中cellspacing和cellpadding的区别
- cellpadding和cellspacing属性
- cellpadding和 cellspacing
- cellspacing和cellpadding学习
- CellPadding和CellSpacing
- cellspacing和cellpadding
- cellpadding ,cellspacing的意思
- html之cellspacing和cellpadding
- html5中cellpadding和cellspacing属性不被支持,用css border-collapse:collapse来代替
- 在HTML中,cellpadding和cellspacing分别表示什么意思?还有border
- border为1px的table 以及 table中cellspacing、cellpadding的css替代写法
- cellpadding与cellspacing的区别
- html 的 cellpadding 与 cellspacing
- 表格样式的cellspacing cellpadding
- 2008年是不平凡的一年,坎坷的一年也是辉煌的一年
- 图可视化工具 GLDF : Graph Layout tool
- C#获取网页内容
- 学习HTML:iframe用法总结
- Mysql常用命令
- cellpadding,cellspacing,border对width和height的影响
- Function实现ALV Table 三:功能设计
- 使用离线blog工具Zoundry
- 动态协议跟踪机制的思考
- 工作以后十不要
- 基于 Web 的数据挖掘
- Erlang入门(一)
- "ICS"与"NAT"转换有什么区别?
- 关于asp.net中ExecuteNoQuery()返回值-1的问题