table中tr间距的设定

Posted 我又无所求

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了table中tr间距的设定相关的知识,希望对你有一定的参考价值。

table中tr间距的设定

问题提出:

table中的tr的默认display:table-row,虽然可以修改为display:block但是就失去了tr特有的显示效果,如(td自动对齐);

并且在tr中对起设定padding是有用的,可以增加内边距,但是设定margin是没有用的,tr的外间距依然是0;

解决方案:

css的两个属性:border-collapse:collapse / separate  & border-spacing:10px 10px;

需要用border-collapse & border-spacing联合控制tr的间距;

如:

< table  style = "border-collapse:separate; border-spacing:10px;" >
     < tr ></ tr >
</ table >

 

以上是关于table中tr间距的设定的主要内容,如果未能解决你的问题,请参考以下文章

浏览器兼容

HTML表格

asp.net中的table控件怎么合并单元格

table中怎么设置两行间距

table中td比设定的宽度大

thead 和 tbody 之间的间距