css正方形照片墙_html/css_WEB-ITnose

### 画一个宽度高度等于屏幕宽1/4的正方形关键点：内边距(padding)的%值为是相对于其父元素的宽度来计算的。```               正方形的照片墙            body{        margin: 0;        padding: 0;      }      .figure-list{        width: 100%;             /*宽度等于屏幕宽度*/      }      .figure{        width: 25%;              /*25%，相对于父元素宽度，计算值为屏幕宽度的1/4*/      }      .figure a{        display: block;        width: 100%;             /*100%，相对于父元素宽度，计算值为屏幕宽度的1/4*/        padding-bottom: 100%;    /*100%，相对于父元素的宽度，计算值为屏幕宽度的1/4，这样在height为0的情况下，就得到了一个正方形的区域*/        background-color: rgb(23, 218, 163);      }                 
          


      
查看更多关于css正方形照片墙_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110599