被两个<p>标签包含的img 之间的那条缝隙,如何消除？-慕课网

首页课程实战体系课手记专栏慕课教程

被两个<p>标签包含的img 之间的那条缝隙,如何消除？

来源：4-1 图片图标绝对定位覆盖

Evol

2015-05-11 14:21

注释

可以消除分别被两个<p>标签包含的img 之间的那条缝隙吗？求解，遇到过好几次这样的问题，没有找到更好的解决方法

写回答关注

12回答

Alyssa_Lee

2015-05-11 16:25:24

已采纳

解决了木有

1 1

Evol

perfect！解决了谢谢你！但是不明白这是什么原理，可以大概解释下吗？

2015-05-11 16:40:30

共 1 条回复 >
用户1096875

2016-11-23 11:07:58

img{vertical-align:bottom;}

0 0
下一站我们再见

2016-07-01 17:30:10

特地登陆一下，对你表示感谢谢谢

0 0
kenzhu

2016-01-27 14:52:19

特地登陆一下，对你表示感谢谢谢

0 0
Pirate630

2015-05-15 09:54:02

img{display:block;}

0 1
怀旧的文学小青年

2015-05-13 17:12:24

这个就是著名的 img标签3像素的问题了！具体情况可以百度，至于解决方法，有很多。
1、p{font-size:0px;}
2、img{vertical-align: top;}

等等。。。。。。

0 0
藍色

2015-05-11 17:47:00

可以img{display:block}

0 1
Alyssa_Lee

2015-05-11 16:18:03

p{height:191px;}

0 0

Evol: 2015-05-11 16:09:51

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
    *{ margin: 0 auto;}
    p,img{margin: 0; padding: 0; border: none;}
    </style>
</head>
<body>
<div>
    <p><img src="http://img.mukewang.com/547c34c9000171a002560191.jpg" width="256" height="191"></p>
    <p><img src="http://img.mukewang.com/547c34c9000171a002560191.jpg" width="256" height="191"></p>
</div>
</body>
</html>

0 0

Alyssa_Lee

2015-05-11 15:59:09

代码贴上来看看

1 0

Evol

如下评论为代码

2015-05-11 16:11:03

共 1 条回复 >
Evol

2015-05-11 15:50:01

验证过了，这样不行的，那个缝隙还是会有的

0 0
Alyssa_Lee

2015-05-11 14:40:09

p,img{padding:0;margin:0;border:none;}

1 0

Evol

验证过了，这样不行的，那个缝隙还是会有的

2015-05-11 15:50:25

共 1 条回复 >

CSS深入理解之absolute

理解CSSposition:absolute声明，掌握position:absolute高级应用

51957 学习 · 254 问题

查看课程

相似问题

演示的容器是指的那个标签

回答 2

img+p是什么意思

回答 4

两个绝对定位，如何控制DOM流的前后顺序，无Z-INDEX？

回答 2

关于那个* 的位置

回答 1

如果移除了absolute属性

回答 2

打开慕课网App查看更多内容