display属性值

2018-06-24 01:28:27来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

常见的属性值

  •  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;}  

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:修改博客园推荐人数增加W效果

下一篇:CSS 层叠与继承