css实现上下左右 span居中 简单实现

直接上代码：
实现内部id="div1"上下左右居中

<div class="item">
   <-- position: relative; top: 25%; 设置内部元素上下位置根据图形大小判断  -->
   <div id="div1" style="position: relative; top: 25%">
   		<--display:block; 设置span标签换行-->
        <span class="icon-ico-deleteDatasource" style="font-size: 36px; display:block"></span>
        <span>新增DataSource</span>
    </div>
</div>

<style>
	.item{
	 	position: relative;
	        margin: 10px;
	        background: #F1F4F7;  //颜色
	        width: 201px;               //设置大小
	        height: 120px;
	        text-align: center;     //文字居中左右
	}
</style>

1. position: relative; top: 25%; 设置内部元素上下位置根据图形大小判断 。
2. display:block; 设置span标签换行。