失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html表格在页面间距 在CSS中设置单元格和单元格间距?

html表格在页面间距 在CSS中设置单元格和单元格间距?

时间:2019-09-28 12:57:54

相关推荐

html表格在页面间距 在CSS中设置单元格和单元格间距?

梦里花落0921

基本要控制css中的“单元格填充”,只需使用padding放在桌子上。例如10便士的“细胞填充物”:td{

padding:10px;}对于“单元格间距”,可以应用border-spacing属性设置到表中。例如,10 px的“单元间距”:table{

border-spacing:10px;

border-collapse:separate;}这个属性甚至允许分开的水平和垂直间隔,这是你不能做的老式“单元格间距”。IE中的问题<=7这将工作在几乎所有流行的浏览器,除了InternetExplorer通过InternetExplorer 7,在那里你几乎不走运。我说“几乎”是因为这些浏览器仍然支持border-collapse属性,它合并相邻表单元格的边框。如果你想消除细胞间距(也就是说,cellspacing="0")然后border-collapse:collapse应该有同样的效果:表格单元格之间没有空格。但是,这种支持是错误的,因为它不覆盖现有的cellspacing表元素上的HTML属性。简而言之:对于非InternetExplorer 5-7浏览器,border-spacing处理你。对于InternetExplorer,如果您的情况正好(您想要0单元格间距,而您的表还没有定义它),则可以使用border-collapse:collapse.table{

border-spacing:0;

border-collapse:collapse;}注意:有关可以应用于表和哪些浏览器的CSS属性的概述,请参见奇妙的Quirkmode页面.

如果觉得《html表格在页面间距 在CSS中设置单元格和单元格间距?》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。