                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

怎样设置文本居中在背景中央

各位，能教教我怎样把文本“1，2，3，4”居中到粉色方框背景的中央么？

alwaysherewithme

2016-10-04

源自：初识HTML(5)+CSS(3) 12-4

关注问题我要回答

742

操作

收起

3 回答

慕粉1470241121 回答被采纳 +3 积分
2016-10-04

text-align:center; /*设置文本水平居中显示*/

在CSS的<div>、<span>等元素是没有valign（垂直）特性的，因此vertical-align对它们不起作用。

单行垂直居中，我们可以设置它的实际高度height和所在行的高度line-height相等。

所以，你这里height:40px;再补充line-height：40px;就可以。

0 回复有任何疑惑可以回复我~

收起回答

alwaysherewithme 提问者

设置了line-height:40px; 成功了！谢谢！

2016-10-04 回复有任何疑惑可以回复我~

慕粉1470241121 回复 alwaysherewithme 提问者

不客气。共同学习。

2016-10-04 回复有任何疑惑可以回复我~

alwaysherewithme 提问者回复慕粉1470241121

b(￣▽￣)dφ(゜▽゜*)♪o(*￣▽￣*)ブ

2016-10-04 回复有任何疑惑可以回复我~

ParaPeng
2016-10-04

padding

line-height

任意设置一个就可以了

0 回复有任何疑惑可以回复我~

收起回答

ParaPeng

example: padding: 10px; line-height:10px;

2016-10-04 回复有任何疑惑可以回复我~

alwaysherewithme 提问者

设置了padding-top:20px;背景方框高度也增加了（原先设置的height:40px;）；设置line-height:2.5em;效果还好

2016-10-04 回复有任何疑惑可以回复我~

Crazier123yanyu
2016-10-04

div{text-align:center;}

0 回复有任何疑惑可以回复我~

收起回答

alwaysherewithme 提问者

不行啊，在<style></style>中，加了div{text-align:center;}还是不能居中到背景中央/(ㄒoㄒ)/~~

2016-10-04 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1230042 人
解答问题 19084 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

1 回答如何在网页中设置背景音乐

4 回答数字文本怎么设置能让它在方块内居中

2 回答居中怎么设置？

4 回答把图片设置在居中位置怎么设置？

9 回答text-align:center; /*设置文本居中显示*/并没有啊

搜索更多本课相关问答

怎样设置文本居中在背景中央

我要回答关注问题

热搜

最近搜索清空

怎样设置文本居中在背景中央

3 回答

本课相似问答

怎样设置文本居中在背景中央