有点搞不懂这条缝是怎么来的,老师可以解答一下吗?

来源:3-4 编程练习

Warsun

2019-03-18 21:33:46

http://img.mukewang.com/climg/5c8f9e1f0001877a03350244.jpg

<!DOCTYPE html>

<html>

<head>

        <!-- 此处编写样式 -->

    <style>

        *{

            margin:0;

            padding:0;

        }

        div{

         border:1px solid;

         width:300px;

         margin:10px auto;

        }



    </style>

</head>

<body>   

        <!-- 此处写代码 -->   

        <div class="father1">

        <div class="son">

         <div><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" /></div>

            <div >欢迎来到慕课网学习新知识!</div>

        </div>



</body>

</html>


写回答

1回答

Steve007

2019-03-19

同学,你好。这条缝是由于图片有默认的间距造成的,给图片设置display:block属性就可以去除这个缝隙了,如图:

http://img.mukewang.com/climg/5c9055460001bafc05410173.jpg

祝学习愉快!

0

0 学习 · 40143 问题

查看课程