为什么我的图片和边框之间有距离

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

为什么我的图片和边框之间有距离

来源：4-11 编程练习

songgedodo

2019-08-26 22:00:53

写回答

3回答

好帮手乔木

2019-08-29

同学你好：

同学这里有个<br>换行，可以将内容写入到<p></p>标签中。

如果我解决了同学的问题，请采纳！学习愉快^_^。

好帮手乔木

2019-08-27

同学你好：

同学定义了margin（外边距的属性），是class=“div2”的上下左右的外边距都为10px。因此才会和边框有距离。

同学可以定义margin-left；margin-top；margin-right；margin-bottom定义每一个边的外边距即可。

如果我解决了同学的问题，请采纳！学习愉快^_^。

honggedodo

h 谢谢，不过我问的是图片右边和边框之间的距离，不是div2与div2之间。图片的右边和边框中间有一点空白，左边和上边都没有

h019-08-27

共1条回复

songgedodo

提问者

2019-08-26

这是代码

<!DOCTYPE html>
<html>
<head>
        <!-- 此处编写样式 -->
        <style type="text/css">
            .div1{
                border:1px dashed gray;
                height:430px;
                width:870px;
            }
            .div2{
                border:1px solid black;
                margin:10px;
                padding:0px;
                
                float:left;
            }
            img{
                vertical-align:center;
            }
        </style>
</head>
<body>   
        <!-- 此处写代码 -->
        <div class="div1">
            <div class="div2">
                <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
                <br>欢迎来到慕课网学习新知识！
            </div>
         <div class="div2">
             <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
                <br>欢迎来到慕课网学习新知识！
         </div>
         <div class="div2">
             <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
                <br>欢迎来到慕课网学习新知识！
         </div>
         <div class="div2">
                <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
                <br>欢迎来到慕课网学习新知识！
            </div>
         <div class="div2">
             <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
                <br>欢迎来到慕课网学习新知识！
         </div>
         <div class="div2">
             <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
                <br>欢迎来到慕课网学习新知识！
         </div>
        </div>
</body>
</html>

0 学习 · 3562 问题

查看课程

相似问题

为什么说两个对象的边距是20

回答 1

为什么我设置的img中的marign属性，右边无论改成什么都没有用呢？

回答 2

为什么垂直居中时设置top的上外边距为100px，content的垂直位置也会改变？

回答 2

关于padding的用法

回答 2

老师还能让P标签顶上到无缝吗，感觉很怪异，达不到原图标准。

回答 1

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