MyException - 我的反常网
当时方位:我的反常网» Web前端 » table表格有关问题处理

table表格有关问题处理

www.bsjylc692.com  网友共享于:2018-06-06  阅读:0次
table表格问题处理

1. 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>

 CSS border-collapse 特点设置表格的边框是否被合并为一个单一的边框

描绘
separate 默许值。边框会被分隔。不会疏忽 border-spacing 和 empty-cells 特点。
collapse 假如或许,边框会集并为一个单一的边框。会疏忽 border-spacing 和 empty-cells 特点。
inherit 规则应该从父元素承继 border-collapse 特点的值。

border-collapse特点加上border-spacing特点就能够设置tr行距离

<table style="border-collapse:separate; border-spacing:0px 10px;">
   <tr>
    <td>那片笑声躺我想起我的那些花儿</td>
   </tr>
   <tr>
    <td>在我生命每个旮旯静静为我开着</td>
   </tr>
</table>

 

https://blog.csdn.net/leys123/article/details/46415629

https://blog.csdn.net/itmyhome1990/article/details/50475616

 

2. table表格中colspan不起作用的问题

 

今日碰到一个colspan不起作用的问题

终究查找到是因为父元素tr设置了display:block原因形成的,在做tr显现与躲藏是,最好用none和“”来切换,不要用block

 

https://blog.csdn.net/qq_26006367/article/details/49446305

 

 

 

 

文章谈论

软件开发程序过错反常ExceptionCopyright © 2009-2015 MyException 版权所有