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

如何居中？

如上图，如果想要box1和box2这句文字在红框中居中，要些什么代码？请大神指教。

有人说用：div{text-align:center;}，但只能实现左右居中，没办法实现上下居中。（如下图效果！）

STOMACHE

2017-03-23

源自：初识HTML(5)+CSS(3)-升级版 12-13

关注问题我要回答

835

操作

收起

4 回答

学习js 回答被采纳 +3 积分
2017-03-23

text-align:center;

line-height:300px;

求采纳，谢谢

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

收起回答

STOMACHE 提问者

谢谢！确实可以实现文字居中的效果了，请问为什么用line-height:300px；可以实现上下居中，而padding-top：300px；不能实现上下居中呢？加大盒子上部填充来实现居中为什么没反应？请您知道的话，解答一下我的疑惑，感谢！

2017-03-23 回复有任何疑惑可以回复我~

学习js 回复 STOMACHE 提问者

padding-top当然也能实现文字垂直居中，你的实现不了？不过这样的话，你的div也会被撑开尺寸，在实际运用中一般不会这样写

2017-03-23 回复有任何疑惑可以回复我~

STOMACHE 提问者回复学习js

好的，谢谢！

2017-03-23 回复有任何疑惑可以回复我~

知心之星
2017-03-23

text-align:center;line-height:300px;

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

收起回答

pch_0
2017-03-23

div{text-align:center;}

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

收起回答

qq_哼哼哼_0
2017-03-23

text-align:center;

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

收起回答

STOMACHE 提问者

text-align:center;只能显示左右居中，上下没办法居中哦

2017-03-23 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225284 人
解答问题 18230 个

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

进入课程

本课相似问答

5 回答如何在盒子中居中

3 回答如何实现div居中

3 回答如何使div中的文字居中

1 回答15-1如何实现图片居中？

2 回答如何设置文字垂直居中

搜索更多本课相关问答

如何居中？

我要回答关注问题

热搜

最近搜索清空

如何居中？

4 回答

本课相似问答

如何居中？