当前位置:  首页  >  前端开发  >  HTML

display常见的属性值介绍-html教程

常见的属性值 none:元素隐藏 block:块级元素 inline-block:内联块级元素 list-item:列表项目 表格系列方面的显示 table table-rowflex(弹性盒子).table{display:table;border-collapse:collapse;border:1p
常见的属性值
  • 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社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有