                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之absolute

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

注释

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

Evol

2015-05-11

源自：CSS深入理解之absolute 4-1

关注问题我要回答

59735

操作

收起

12 回答

Alyssa_Lee
2015-05-11

解决了木有

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

#1

Evol 提问者

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

2015-05-11 回复有任何疑惑可以回复我~

用户1096875
2016-11-23

img{vertical-align:bottom;}

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

下一站我们再见
2016-07-01

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

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

kenzhu
2016-01-27

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

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

Pirate630
2015-05-15

img{display:block;}

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

怀旧的文学小青年
2015-05-13

这个就是著名的 img标签3像素的问题了！具体情况可以百度，至于解决方法，有很多。

1、p{font-size:0px;}
2、img{vertical-align: top;}

等等。。。。。。

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

藍色
2015-05-11

可以img{display:block}

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

Alyssa_Lee
2015-05-11

p{height:191px;}

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

Evol 提问者
2015-05-11

<!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://img1.sycdn.imooc.com//547c34c9000171a002560191.jpg" width="256" height="191"></p>
    <p><img src="http://img1.sycdn.imooc.com//547c34c9000171a002560191.jpg" width="256" height="191"></p>
</div>
</body>
</html>

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

Alyssa_Lee
2015-05-11

代码贴上来看看

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

#1

Evol 提问者

如下评论为代码

2015-05-11 回复有任何疑惑可以回复我~

首页上一页1 2 下一页尾页

举报

0/150

提交

取消

CSS深入理解之absolute

参与学习 51956 人
解答问题 254 个

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

本课相似问答

2 回答演示的容器是指的那个标签

4 回答img+p是什么意思

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

1 回答关于那个* 的位置

2 回答如果移除了absolute属性

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载