• 51.关于display属性的一点点总结,看代码


    CSS

    .display{
                    border: 1px solid;
                    margin-bottom: 3px;
                }
                
                .inline-block{
                    display: inline-block;
                    height: 100px;padding: 10px;
                    padding: 10px;margin: 10px;
                    margin-top: 20px;
                }
                .inline{
                    display: inline;
                    height: 100px;padding: 10px;margin: 10px;
                }
                .table{
                    display: table;
                    border: none;
                    border-top: 1px solid;
                    border-left: 1px solid;
                }
                .header-group{
                    display: table-header-group;
                }
                .row-group{
                    background: #EEEEEE;
                    display: table-row-group;
                }
                
                .cell{
                    width: 88px;
                    display: table-cell;
                    padding: 3px 15px;
                    border-bottom: 1px solid;
                    border-right: 1px solid;
                    text-align: center;
                    color: #777777;
                    font-family: arial;
                    font-size: 20px;
                }

    HTML

    <div class="display inline-block">
                inline-block
            </div>
            <div class="display inline">
                block
            </div>
            <div class="display block">
                block
            </div>
            <div class="display table">
                <div class="header-group">
                    <div class="cell">  cell</div>
                    <div class="cell">  cell</div>
                    <div class="cell">  cell</div>
                    <div class="cell">  cell</div>
                    <div class="cell">  cell</div>
                    <div class="cell">  cell</div>
                </div>
                <div class="row-group">
                    <div class="cell">  cell</div>
                    <div class="cell">  cell</div>
                    <div class="cell">  cell</div>
                    <div class="cell">  cell</div>
                    <div class="cell">  cell</div>
                    <div class="cell">  cell</div>
                </div>
                
            </div>
  • 相关阅读:
    MySQL中mysqldump导出数据的使用
    MySQL中show语法使用总结
    Nginx配置项优
    Elasticsearch5.2.2安装
    SSH实现双向认证
    MySQL5.6主从复制搭建基于日志(binlog)
    清除Pycharm设置的方法
    Python3编程技巧
    django组件-中间件
    Python打杂之路
  • 原文地址:https://www.cnblogs.com/famLiu/p/7509103.html
Copyright © 2020-2023  润新知