display属性值

常见的属性值

•  none：元素隐藏
•  block：块级元素
•  inline-block：内联块级元素
•  list-item:列表项目
•  表格系列方面的显示
•  table
•  table-row
• flex（弹性盒子）

1. .table{display:table;border-collapse:collapse;border:1px solid #ccc;}  
2. .table-caption{display:table-caption;margin:0;padding:0;font-size:16px;}  
3. .table-column-group{display:table-column-group;}  
4. .table-column{display:table-column;width:100px;}  
5. .table-row-group{display:table-row-group;}  
6. .table-row{display:table-row;}  
7. .table-row-group .table-row:hover,.table-footer-group .table-row:hover{background:#f6f6f6;}  
8. .table-cell{display:table-cell;padding:0 5px;border:1px solid #ccc;}  
9. .table-header-group{display:table-header-group;background:#eee;font-weight:bold;}  
10. .table-footer-group{display:table-footer-group;}  

 

转载于:https://www.cnblogs.com/moneyss/p/7007679.html