课程
/前端开发
/HTML/CSS
/CSS深入理解之line-height
实际做出来的和老师讲的不一样,p标签里插入图片后并没有出现间隙,只有在p标签内图文混排的时候才会出现,后面的课里图片垂直居中的情况也一样,只有.box里是图文混排时才有效,只加入图片时无效
2015-06-19
源自:CSS深入理解之line-height 5-1
正在回答
我觉得是这样的:
<p>
<img />
</p>
与<p><img /></p>不同,前者有回车,html默认会认为是空格,也就是老师所讲的,是一个空白文本结点,
慕神6115920
老师讲得没错,不管有没有文本都貌似一个奇怪的隐藏结点作祟,这个可是css的经典问题,比如这个demo;
题主不妨也show一下demo~
举报
带领大家深入理解line-height的定义,还有实际应用经验分享
2 回答我怎么实现不了图片垂直居中呢,按照老师的代码做的呢
1 回答为什么我用span实践出的效果与老师不同?
3 回答height:36px; line-height:36px; 这样写的时候通常是为了后面的ovflow:hidden做的,溢出隐藏,老师对于这个是不是有精简的做法,待回复。
4 回答能不能讲的时候演示一下啊
2 回答单行文本是否真的垂直居中?我测得跟老师的不一样,我的测是真的居中了,求解