如果一個盒子有2列或者3列排列，有圖片，有文字，怎麼實現文字始終對齊圖片的中間位置呢？
方法就是使用vertical-align:middle;也就是給一列都使用這個屬性，需要注意的是：這個屬性只對行內元素起作用，如果不是行內元素要加上diaplay:inline-block;如圖

<ul>
        <li>
            <img src="image/qq.jpg" class="imgw col-xs-3">
            <span class="col-xs-7 fb">暱稱</span>
            <input
 
 class="col-xs-1 heckr" type="checkbox">
        </li>
</ul>

樣式設定：

img{
            padding-left:0;
            vertical-align:middle;
            display:inline-block;
            float: none;
        };
        span{
            padding-left: 0;
            float: none;
            display
 
:inline-block;
                        vertical-align:middle;
        };
        input{
            vertical-align:middle;
            float: none;
            margin-right:0;
            border-radius: 50%;
        };