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

关于悬浮曾的两张竖排图片问题

悬浮层中的两张竖排图片,我没有按照老师的要求写前面的代码,自己瞎写的,到最后发现两张图片并不是紧紧的靠在一起,而是有间距,但是我找讲师的代码里,并没有发现有这个问题。一出场就是紧靠在一起的。


上个测试代码吧。

<!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>

可以看见,图片之间是由间距的。

正在回答

4 回答

最近没怎么上慕课,现在才看到。这个我后来发现是HTML4和HTML5的差别。老师使用的是HTML4的页面声明,就没有那个间距。而HTML5就有。

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

为什么老师视频中没有间距呢?

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

你那个间距 是空格的间距,默认一个空格 是有几个像素的间距的

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

..言之有理

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

举报

0/150
提交
取消
商城分类导航效果
  • 参与学习       63740    人
  • 解答问题       276    个

两种方法实现分类导航,同时扩展讲解其它商城分类导航的制作方法

进入课程

关于悬浮曾的两张竖排图片问题

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