两种解决办法:
第一种:让一个不定宽高的div在整个网页中水平垂直居中
HTML部分
<body>
<div>我是没有宽高的div,靠内容撑开</div>
</body>
CSS部分
<style>
div {
/* 1.设置定位 */
position:absolute;
/* 2.x,y轴走网页的一半 */
left:50%;
top:50%
/* 3.往回走自身x,y的一半 */
transform:translate(-50%,-50%);
</style>
第二种:让一个不定宽高的div在父盒子中垂直水平居中
HTML部分
<body>
<div class="father">
<div class="son">我没有宽高,我被内容撑开</div>
</div>
</body>
CSS部分
<style>
.father {
/* 1.父盒子是有宽高的 */
width: 500px;
height: 500px;
/* 2.添加flex属性*/
display: flex;
/* 3.设置水平垂直居中*/
justify-content: center;
align-items: center;
}
</style>