HTML / CSS格式化:单元格之间的空格间距,而不是单元格之间的空格

前端之家收集整理的这篇文章主要介绍了HTML / CSS格式化:单元格之间的空格间距,而不是单元格之间的空格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找关于表格单元间距的提示.我知道
HTML中的cellpacing / cellpadding以及它们的CSS等同于border-spacing / padding,但是当他们的名字出现时,我们会做的更多.我想要实现的是细胞间隔,如术语所暗示的:细胞之间的间隔,而不是细胞与其周围的任何元素之间的距离.

这是一张照片来显示我的意思:

简而言之,我不希望红色箭头所示的间距(即,在单元格和表格之间),但我希望两个相邻单元格之间的间距.有没有任何“容易”的方式,或者我需要采取单独的方式来分配不同的syles到“边界”细胞与“内部”细胞?

解决方法

一直为我工作的一个简单的解决方案(即使在IE中)是给予表与边框间距相同大小的负边距.

快速而脏的样品:http://jsfiddle.net/rBkPQ/

猜你在找的HTML相关文章