不定宽度的水平居中:
- 弹性盒子可以,但在某些地方很不方便
<div class="home">
<div class="head">我爱学习。我爱学习</div>
</div>
.home{
position: relative;
height: 200px;
background-color: rgb(160, 68, 68);
}
.head{
position: absolute;
left: 50%;
transform: translate(-50%);
background-color: rgb(22, 158, 113);
}
效果图
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201223183834369.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hFUk9aVA==,size_16,color_FFFFFF,t_70)