display常见的属性值介绍

零下一度
发布: 2017-06-24 11:30:19
原创
2800 人浏览过

常见的属性值

  •  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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板