我这代码如何修改更好呢,感觉显示位置不居中

来源:4-12 编程练习

慕斯卡6571126

2020-03-23 00:37:32

<!DOCTYPE html>

<html>

<head>

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

        <style type="text/css">

            #div0{

              

                padding:5px 5px 5px 5px;

            }

            .div1{

                margin:10px 10px 10px 10px;

                float:left;

            }

        </style>

</head>

<body>   

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

        <div id="div0">

            <div class="div1">

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

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

            </div>

            <div class="div1">

                <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br>

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

            </div>

            <div class="div1">

                <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br>

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

            </div>

            <div class="div1">

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

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

            </div>

            <div class="div1">

                <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br>

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

            </div>

            <div class="div1">

                <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br>

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

            </div>

            

        </div>

</body>

</html>


写回答

1回答

好帮手慕小尤

2020-03-23

同学你好,1. 同学未实现两行3列的排布,建议一下为div0设置宽度与高度、边框。如下所示:

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

2. 建议同学为div1设置边框。修改后代码如下所示:

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

3. 同学描述的居中,是否是想让整体居中显示。如果是,则同学可以使用外边距实现。修改后代码如下所示:

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

如果不是,建议同学重新描述一下,方便老师定位问题。

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

0

0 学习 · 9666 问题

查看课程