先在一个div写一个span标签，来演示效果
<style>
#box{
width: 280px;
height: 280px;
background-color: green;
margin: 0 auto;
}
#box span{
color: white;
font-size: 30px;
font-weight: bold;
}
</style>
<body>
<div id="all">
<div id="box">
<span>
上下左右居中
</span>
</div>
这是没写居中代码的，文本没有上下左右居中
加上居中代码后
line-height: 280px;（上下居中）
text-align: center;（左右居中）
text-align就是水平对齐的意思，center就是中间的意思
line-height就是行高，把行高设置为盒子的行高一样就行了。这个只能在知道行高的情况下才好用，那如果不知道行高呢？
相关资源：
https://blog.csdn.net/weixin_30364109/article/details/117830849
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
