老师，这样可以吗

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

老师，这样可以吗

来源：4-12 编程练习

linhaopower

2020-05-08 21:38:38

老师，为什么我看别的同学的参数那么多，但是我在题目上看到的信息并没有显示这么多参数啊，这是我自己做的作业，理论上应该可以显示一行三列的，当是现在什么都不显示，老师麻烦您帮我看一下

<!DOCTYPE html>

<html>

<head>

.first{

text-align:left;

}

#2{

text-align:center;

}

#3{

text-align:right;

}

</head>

<body>

<p>欢迎来到慕课网学习新知识！</p>

</div>

<p>欢迎来到慕课网学习新知识！</p>

</div>

<p>欢迎来到慕课网学习新知识！</p>

</div>

</body>

</html>

写回答

2回答

好帮手慕阿慧

2020-05-12

已采纳

同学你好，不能用纯数字表示id或类值，建议使用英文代替，如content。样式中first前应该是#。
参考代码如下：

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

好帮手慕阿慧

2020-05-09

同学你好，题目中要求使用浮动的属性，实现块元素在同一行现实的功能，一个两行三列的效果。同学只是将div展示出来了，并没有使其浮动。建议同学按照题目要求写。

参考代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>folat</title>
    <style type="text/css">
        #content{
            border-style: dashed;
            border-color: grey;
            float:left;
            width: 790px;
        }

        .block{
            margin: 10px;
            border-style: solid;
            border-width: 1px;
            border-color: grey;
            float: left;
        }
        p{
            margin-top: 0px;
            margin-bottom: 5px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="content">
        <div class="block" id="b1">
            <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
            <p>欢迎来到慕课网学习新知识！</p>
        </div>

        <div class="block" id="b2">
            <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
            <p>欢迎来到慕课网学习新知识！</p>
        </div>

        <div class="block" id="b3">
            <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
            <p>欢迎来到慕课网学习新知识！</p>
        </div>
        <div class="block" id="b4">
            <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
            <p>欢迎来到慕课网学习新知识！</p>
        </div>

        <div class="block" id="b5">
            <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
            <p>欢迎来到慕课网学习新知识！</p>
        </div>

        <div class="block" id="b6">
            <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
            <p>欢迎来到慕课网学习新知识！</p>
        </div>
    </div>
</body>
</html>

如果解决您的问题请采纳，祝学习愉快！

hinhaopower

h <html lang="en"> <head> <meta charset="UTF-8"> <title>慕课网</title> <style type="text/css"> .first{ border-style: dashed; border-color: grey; float:left; width: 790px; } #2{ margin: 10px; border-style: solid; border-width: 1px; border-color: grey; float: left; } #3{ margin-top: 0px; margin-bottom: 5px; text-align: center; } </style>  </head> <body> <div class="1" id="first"> <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="2"> <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="3"> <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> </body> </html> 我用这个改进后的代码还是不行，只有竖的一行

h020-05-11

共1条回复

0 学习 · 9666 问题

查看课程

相似问题

老师，这样设置可以吗？

回答 2

老师，这样可以吗？

回答 1

这样可以吗

回答 2

老师，这样可以吗？

回答 1

老师请问这样可以吗

回答 1

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