为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

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

align居中问题？

如何修改画线部分，使“盒子1”在正方形正中心？http://img1.sycdn.imooc.com//557fc6d80001c28808100443.jpg

vcxiaohan

2015-06-16

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

关注问题 我要回答
1198
操作
收起

正在回答

4 回答

慕哥5461239
2015-06-16

line-height:100px; 这句话加进去。

0 回复 有任何疑惑可以回复我~
收起回答
#1

vcxiaohan 提问者

非常感谢！
2015-06-16 回复 有任何疑惑可以回复我~
不劳虎
2016-02-11

单行文字可以，多行不行。用以下代码：

display:table-cell;
vertical-align:middle;


0 回复 有任何疑惑可以回复我~
收起回答
董丹买东西
2015-06-21

line-height是什么属性。可以详细说明一下吗？


0 回复 有任何疑惑可以回复我~
收起回答
#1

离歌笑_0002

表示行高
2015-07-11 回复 有任何疑惑可以回复我~
#2

kjlhjgjh 回复 离歌笑_0002

为什么行高设成100就是在中间了？
2015-07-16 回复 有任何疑惑可以回复我~
#3

离歌笑_0002 回复 kjlhjgjh

line-height行高是包含了文字的高度在内的，而height并非是文字的高度，而是文字所在标签的高度 行高举例的话，假如行高设为30px，那么就是文字中心点距上或者距下各为15px，所以行高与标签的高度一样的时候就垂直居中了。就是说，现在盒子高100px，若设文字行高100px，想象中会是贴到底部，而实际上这100px包含文字高度，只有计算文字中心距离上边框高度，才能定位文字的位置。那么文字中心到上边框的距离为50px，所以才会在中间显示
2015-07-16 回复 有任何疑惑可以回复我~
#4

kjlhjgjh 回复 离歌笑_0002

知道了，谢谢
2015-07-18 回复 有任何疑惑可以回复我~
#5

lt_mk 回复 离歌笑_0002

那不是应该设置为50px吗？为什么是100？
2015-08-02 回复 有任何疑惑可以回复我~
#6

lt_mk 回复 离歌笑_0002

是不是line-height是设置垂直方向居中？所以要设置要居中的总高度为100px？
2015-08-02 回复 有任何疑惑可以回复我~
#7

鲜衣 回复 lt_mk

line-height的值应该和height值一样。
2015-08-06 回复 有任何疑惑可以回复我~
#8

鲜衣 回复 鲜衣

我说错了。
2015-08-06 回复 有任何疑惑可以回复我~
#9

鲜衣 回复 鲜衣

应该是对的，但不理解。
2015-08-06 回复 有任何疑惑可以回复我~
#10

lt_mk 回复 鲜衣

我也还是不理解，没关系，还有个教程专门讲这个的，过两天去看一下。
2015-08-07 回复 有任何疑惑可以回复我~
查看7条回复

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225309    人
  • 解答问题       18230    个

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

进入课程

本课相似问答

2 回答为什么不能用text-align把表格居中

1 回答居中的问题

3 回答CSS居中问题

2 回答margin居中问题

3 回答align:center居中问题
搜索更多本课相关问答

align居中问题？

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信