直接上代码:
实现内部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标签换行。