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

任务代码是：line-heght:100px;为什么没有居中呢

MMJiao

2016-11-07

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

关注问题我要回答

1390

操作

收起

6 回答

qq_随风飘_1 回答被采纳 +3 积分
2016-11-14

.wrap h2{
    margin:0;
    height:100px;
text-align:center;
line-height:100px;
    background:#ccc;
}

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

收起回答

MMJiao 提问者

非常感谢！

2016-11-16 回复有任何疑惑可以回复我~

MMJiao 提问者
2016-11-09

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<style>

.wrap h2{

margin:0;

height:100%;

line-height:100px;

background:#ccc;

}

</style>

</head>

<body>

<h2>hi,imooc!</h2>

</div>

</body>

</html>

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

收起回答

慕哥2048769

height:100px; 你写成100%

2016-11-21 回复有任何疑惑可以回复我~

stone310
2016-11-08

发代码看一下

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

收起回答

MMJiao 提问者
2016-11-07

我在这里输错了，但我在代码中输正确了的，任然不是垂直居中的

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

收起回答

p_x_q

勾选自动运行，然后把“line-height:100px;”整句话删掉，再添上，看右边区别

2016-11-12 回复有任何疑惑可以回复我~

MMJiao 提问者回复 p_x_q

我自己在DW中将代码写了一遍，没有垂直居中显示

2016-11-13 回复有任何疑惑可以回复我~

Candice_Cheng
2016-11-07

是垂直方向居中，不是左右方向居中

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

收起回答

Candice_Cheng

哦哦，是height

2016-11-07 回复有任何疑惑可以回复我~

慕少4176731
2016-11-07

应该是line-height你少了一个i

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

收起回答

0/150

提交

取消

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

参与学习 1226770 人
解答问题 18245 个

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

进入课程

本课相似问答

9 回答绝对定位中，向左移动100px代码为什么是right:100px;？？

2 回答为什么我的代码没有实现盒子居中呢？

6 回答为什么第二个hello 没有居中呢？

5 回答没居中是什么情况呢

4 回答把宽改为100px之后，margin设为-50px 0 0 -50px 没有居中？

搜索更多本课相关问答

任务代码是：line-heght:100px;为什么没有居中呢

我要回答关注问题

热搜

最近搜索清空

任务代码是：line-heght:100px;为什么没有居中呢

6 回答

本课相似问答

任务代码是：line-heght:100px;为什么没有居中呢