css实现上下左右span居中简单实现
直接上代码:
实现内部id="div1"上下左右居中
<div class="item">
<-- position: relative; top: 25%; 设置内部元素上下位置根据图形⼤⼩判断 -->
<div id="div1" >
<--display:block; 设置span标签换⾏-->
<span class="icon-ico-deleteDatasource" ></span>
<span>新增DataSource</span>
</div>
</div>
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标签换⾏。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论