display常见的属性值介绍

零下一度
零下一度 原创
2017-06-24 11:30:19 2240浏览

常见的属性值

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

以上就是display常见的属性值介绍的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。