 
		传说中的小白龙
2016-09-27 00:39
悬浮层中的两张竖排图片,我没有按照老师的要求写前面的代码,自己瞎写的,到最后发现两张图片并不是紧紧的靠在一起,而是有间距,但是我找讲师的代码里,并没有发现有这个问题。一出场就是紧靠在一起的。
上个测试代码吧。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;padding: 0; 
}
.a{
background: yellow;
}
.b{
background: blue;
}
</style>
</head>
<body>
<dl>
    <dd>
        <a href="#"><img
                src="http://img30.360buyimg.com/erpVCAare/g16/M00/0B/1B/rBEbRlOCFcoIAAAAAAArMNB2tlkAACTlwDgVG8AACtI514.jpg"
                alt="" width='194px' height='70'>
        </a>
    </dd>
    <dd>
        <a href="#"><img
                src="http://img30.360buyimg.com/erpVCAare/g16/M00/0B/19/rBEbRlOAiHUIAAAAAAAx8X2c6oIAACTCAP56A4AADIJ112.jpg"
                alt="" width='194px' height='70'></a>
    </dd>
</dl>
</body>
</html>可以看见,图片之间是由间距的。
 
				最近没怎么上慕课,现在才看到。这个我后来发现是HTML4和HTML5的差别。老师使用的是HTML4的页面声明,就没有那个间距。而HTML5就有。
 
				为什么老师视频中没有间距呢?
 
				你那个间距 是空格的间距,默认一个空格 是有几个像素的间距的
 
				..言之有理
商城分类导航效果
63728 学习 · 315 问题
相似问题