课程
/前端开发
/HTML/CSS
/CSS深入理解之line-height
为什么图片居中的效果我显示不出来,总是置顶。
2016-09-14
源自:CSS深入理解之line-height 1-1
正在回答
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#div1{line-height:300px;background:gray;text-align: center;}
#div1>img{vertical-align: middle;}
</style>
</head>
<body>
<div id="div1">
<img src="images/css.jpg"/>
</div>
</body>
</html>
鱿鱼 提问者
侠客岛的含笑
我也显示不出来 ,是置顶的
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> #div1{line-height:400px;background:gray;} </style> </head> <body> <div id="div1"> <img src="img/a1lt.png"/> </div> </body> </html>
举报
带领大家深入理解line-height的定义,还有实际应用经验分享
2 回答图片水平垂直居中不行
1 回答为什么我用span实践出的效果与老师不同?
2 回答我怎么实现不了图片垂直居中呢,按照老师的代码做的呢
2 回答单行文本是否真的垂直居中?我测得跟老师的不一样,我的测是真的居中了,求解
1 回答为什么我在父级块元素设置行高跟盒子高度一致时,里面的img会垂直居中,搞不懂啊