html5中不再支持table的cellspacing和cellpadding属
来源:互联网 发布:windows无法启动r修复 编辑:程序博客网 时间:2024/04/28 20:50
如果你现在开始用html5的声明来写页面时,你会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性。具体原因是在html5中table标签的这两个属性已经被移除,需要定义边框之类的时应该使用css的写法。
具体实现如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
>
<
title
>Html5 Table Test</
title
>
<
style
type
=
"text/css"
>
table{ border-collapse:collapse; border:solid 1px Black; }
table td{ width:50px; height:20px; border:solid 1px Black; padding:5px;}
</
style
>
</
head
>
<
body
>
<
table
>
<
tr
>
<
td
></
td
>
<
td
></
td
>
</
tr
>
<
tr
>
<
td
></
td
>
<
td
></
td
>
</
tr
>
</
table
>
</
body
>
</
html
>
效果图如下:
代码的关键点在于border-collapse:collapse; 和 border:solid 1px Black;。对于padding的定义大家都比较熟悉了,这里主要讲一下的是border-collapse中的collapse和separate值,定义为collapse时,他们的边框会重叠在一起,定义为separate时单元格边框之间会有间隙。不定义时默认为separate。 separate情况下的效果图如下:
代码定义很简单,也是早版本浏览器就支持的东西,只是以前我们一些人习惯用cellspacing和cellpadding来定义,但这两个属性在html5中将要移除,所以需要改过来用css来定义而已。很简单的东西,小记一下而已。
转载自http://xxling.com/article/76.aspx
0 0
- html5中不再支持table的cellspacing和cellpadding属
- html5中不再支持table的cellspacing和cellpadding属性
- html5中不再支持table的cellspacing和cellpadding属性
- html5中不再支持table的cellspacing和cellpadding属性
- table中cellspacing和cellpadding的区别
- table标签中cellspacing和cellpadding,border的意思?
- HTML5中没有cellspacing和cellpadding怎么办
- html5中cellpadding和cellspacing属性不被支持,用css border-collapse:collapse来代替
- table中cellspacing和cellpadding在css中如何设置
- table中cellspacing、cellpadding的css替代写法
- table中cellspacing、cellpadding的css替代写法
- html中,table 的cellpadding cellspacing 属性失效
- 52-table中cellspacing、cellpadding的css替代写法
- table中cellspacing、cellpadding的css替代写法
- CellSpacing 和CellPadding的区别
- html的cellpadding和cellspacing
- table表格cellpadding和cellspacing设置
- css实现Table的cellpadding, cellspacing
- 是否应该将Visual Studio .suo .user文件加入Subversion版本控制
- ios之良好的代码/工程架构牛人解析
- css3中停止动画的方法
- 电管家手机页面
- 使用Mybatis Generator自动生成Mybatis相关代码
- html5中不再支持table的cellspacing和cellpadding属
- 转 c++ 中头文件重复定义的问题
- C++Builder 高级编程技巧
- Windows平台下动态链接库的总结
- Navicat Premium 出现cannot create oci environment错误
- 【C++基础】类的组合
- memcahe mongodb
- 【github】常用Github项目类库
- Shell脚本命令的执行顺序