小图片居中的小技巧

css:

  .box1{

            position: relative;
            width: 100px;
            height: 100px;
            border: 1px solid #000;
            margin: 0 auto;
        }
        .box_1.image{
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -21px;
            margin-left: -30px;
            width: 61px;
            height: 42px;

        }

image的高度，宽度，应该和图片保存一致，margin-top为高度的一半的负数，margin-left为宽度的一半的负数

html:

<div class="box1">
        <div class="box_1 image">
            <img src="img/cs.png" alt="" />
        </div>       
    </div>