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

居中使盒子1居中

那怎么写才能使盒子1在框内居中呢

weibo_大话王是说_0

2016-05-17

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

关注问题我要回答

1382

操作

收起

4 回答

慕慕1265030
2016-08-02

因为这里面设置的width以及height是内容的边界，以这个例子来说，盒子这俩个字的外面是有一个100x100px的无形边界的，所以你只写盒子这俩个字只能看出来它是在这个无形边界的左上角，在多写几个字就会发现居中了

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

收起回答

lemeo12
2016-06-17

哈哈，我看到也有这个想法，强迫症晚期。。。

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

收起回答

lemeo12

#box1{ line-height:6; width:100px; height:100px; padding:10px; border:1px solid red; text-align:center; }

2016-06-17 回复有任何疑惑可以回复我~

张亚娟
2016-05-17

需要给div设置固定值；1、垂直居中：给div固定hight:50px; 然后设置line-height:50px;

2、水平居中：text-align:center

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

收起回答

张亚娟

垂直居中的时候，div的height==line-height;值要相等

2016-05-17 回复有任何疑惑可以回复我~

weibo_大话王是说_0 提问者

line-height是指哪部分呢

2016-05-17 回复有任何疑惑可以回复我~

cloudoer
2016-05-17

标签{text-align:center;}

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

收起回答

0/150

提交

取消

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

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

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

进入课程

本课相似问答

5 回答如何在盒子中居中

2 回答关于小盒子在大盒子内居中的问题

7 回答为什么本节的"盒子1“内容不居中呢

4 回答边界对于“盒子1”是否居中有什么关系呢？

1 回答盒子中间的 “五仁”怎么上下左右居中（中心位置）？

搜索更多本课相关问答

居中使盒子1居中

我要回答关注问题

热搜

最近搜索清空

居中 使盒子1居中

4 回答

本课相似问答

居中 使盒子1居中

居中使盒子1居中

居中使盒子1居中