关于table 、td设置边距的问题
来源:互联网 发布:冒泡排序法的代码c语言 编辑:程序博客网 时间:2024/06/07 11:29
首先,我们需要知道的是:我们可以对表格table设置margin,而不能设置padding;对单元格td设置padding,而不能设置margin。所以说,我们不能对单元格td设置margin属性来调整单元格与单元格之间的距离,但是我们可以使用一下方法来达到同样的效果。
1) 设置padding
就像刚才所说的那样,我们可以对单元格td设置padding属性来调整单元格之间的间隔
td{padding:5px 10px;}
2) 使用标签
我们可以在单元格td内添加标签,然后对标签设置margin属性
p{margin:5px 10px;}
3) 对表格table设置border-spacing(IE不支持)
先让我们简单了解一下border-spacing属性。border-spacing:length;设置单元格td的边在横向和纵向上的间距。当您指定一个length值时,这个值将作用于横向和纵向上的间距;当您指定两个length值时,第一个将作用于横向间距,第二个值将作用于纵向间距。
table{border-spacing:5px 10px;}
1) 设置padding
就像刚才所说的那样,我们可以对单元格td设置padding属性来调整单元格之间的间隔
td{padding:5px 10px;}
2) 使用标签
我们可以在单元格td内添加标签,然后对标签设置margin属性
p{margin:5px 10px;}
3) 对表格table设置border-spacing(IE不支持)
先让我们简单了解一下border-spacing属性。border-spacing:length;设置单元格td的边在横向和纵向上的间距。当您指定一个length值时,这个值将作用于横向和纵向上的间距;当您指定两个length值时,第一个将作用于横向间距,第二个值将作用于纵向间距。
table{border-spacing:5px 10px;}
0 0
- 关于table 、td设置边距的问题
- 关于table里td的宽度问题
- table的td设置背景图片
- 对table,td设置padding,margin的问题
- ZK中关于table的纵向跨行td问题
- 关于多个div中table的td对齐问题
- table中td设置width问题
- table:设置边距,td内容过长用省略号代替
- 个性化设置table的td宽度
- table的td如何设置overflow:scroll
- 关于table列表td中中文换行,引文不换行的问题
- javascript设置table,tr,td及colspan相关问题
- html中设置table的各个td的宽度
- js设置两个table中的td的宽度
- 设置table的td宽度不随文字变宽
- 如何设置table中td的高度为1px
- 设置table的td宽度,不随文字变宽
- CSS设置table 中td的内容自动换行
- Android中设置控件可见与不可见详解
- lua cjson 解决_luaL_setfuncs
- YII的重写规则与URL的管理
- 每个人都应该知道的14个电脑使用技巧
- 封装一个日期时间选择器
- 关于table 、td设置边距的问题
- Android WebView 开发详解(三)
- 微信公众号开发---红包模块
- linux第一个驱动helloword遇到的问题
- 浏览器的类型
- iOSCocoaPods Updating local specs repositories
- Linux环境下段错误的产生原因及调试方法小结
- jquery 选项卡
- Android 各个版本WebView