课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
代码如下：
.wrap h2{
margin:0;
height:100px;
line-height:100px;
background:#ccc;
}
2016-06-26
源自：初识HTML(5)+CSS(3)-升级版 15-8
正在回答
看代码没错啊，我也是这样设置的，有效果的！
按照课程左边的注释，我们只要设置父元素的height和line-height就可以了，所有你可以将.wrap h2{}修改成.warp{}试试，我测试过没问题
父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的height和line-height高度一致来实现的。
这种文字行高与块高一致带来了一个弊端：当文字内容的长度大于块的宽时，就有内容脱离了块。
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
2 回答垂直居中-父元素高度确定的多行文本（方法一）
2 回答如何设置文字垂直居中
1 回答如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的，在下面CSS代码中div是txtcenter的父元素吗？
2 回答已知宽高设置垂直居中
1 回答如果被设置元素为文本图片等行内元素时。。。没动这句话
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号
