* { padding:0; margin:0;}       /*设置所有对像的内边距为0*/
body { text-align:center;}      /*设置页面居中对齐*/

#photo-list 
{
    /* 6张图片的宽度（包含宽度、padding、border、图片间的留白）
    计算：6*(100+2*2+1*2+9) - 9 
    之所以减去9是第6张图片的右边留白 */
    width:900px;  
    
    /* 图片的宽度（包含高度、padding、border）
    计算：100+2*2+1*2  */ 
    height:128px;  
    /* margin:0px auto; */
    margin:10 11 10 11; 
    overflow:hidden;     /*溢出部份将被隐藏*/ 
    border:1px solid #ccc;  
    background-color: #3b7796;
}  

#photo-list ul { list-style:none;}  
#photo-list li { float:left; padding-left:12px;}  
#photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}