HTML怎么让文本在一个div上下左右居中呢？
HTML怎么让文本在一个div上下左右居中呢？
·
先在一个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
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
6
0- 0
已为社区贡献2条内容
所有评论(0)