让盒⼦⾥的⽂字居中的⼏种⽅法
问题：⼤盒⼦div下⾯有⼀段⼩盒⼦span标签包含的⽂字，怎么使其居中显⽰？
<body>
<div class="box">
<span>我是⼀段⽂字，怎么让我居中？</span>
</div>
</body>
第⼀种⽅法⼤盒⼦text-align: center
.box{
width: 300px;
height: 300px;
background: rgb(172, 143, 143);
text-align: center;
}
第⼆种⽅法⼤盒⼦box ⽤ padding-left/padding-right，同时调整⼤盒⼦宽度，使⼤盒⼦宽度不变.box{
width: 250px;
height: 300px;
background: rgb(172, 143, 143);
padding-left: 50px；
}
注：50px是随便取得值，具体的值需计算。
第三种⽅法，⼩盒⼦⽤定位移动位置
.
box{
width: 300px;
height: 300px;
background: rgb(172, 143, 143);
position: relative;
}
span{
position: absolute;
top: 0;
left: 30px;
}
第四种⽅法⼩盒⼦使⽤margin
.box{
width: 300px;
height: 300px;
background: rgb(172, 143, 143);
}
span{
margin-left: 30px;
text align center
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。