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

实际做出来的和老师讲的不一样

实际做出来的和老师讲的不一样,p标签里插入图片后并没有出现间隙,只有在p标签内图文混排的时候才会出现,后面的课里图片垂直居中的情况也一样,只有.box里是图文混排时才有效,只加入图片时无效

正在回答

2 回答

我觉得是这样的:

<p>

  <img />

</p>

与<p><img /></p>不同,前者有回车,html默认会认为是空格,也就是老师所讲的,是一个空白文本结点,


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

慕神6115920

<style type="text/css"> p { border: solid 1px; } img { height:100px; } </style> <p><img src="http://ww1.sinaimg.cn/large/85ad0d9cgw1eqftexj8p9j20rs0ijdl1.jpg" alt=""></p> 还是有间隙
2017-09-17 回复 有任何疑惑可以回复我~

老师讲得没错,不管有没有文本都貌似一个奇怪的隐藏结点作祟,这个可是css的经典问题,比如这个demo

题主不妨也show一下demo~

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

举报

0/150
提交
取消

实际做出来的和老师讲的不一样

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