老师求批改这个作业?

来源:3-19 编程练习

F2merak

2018-02-05 21:56:13

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>border属性</title>

    <style type="text/css">

        .container{

          width:200px;

          height:200px;

          background-color:pink;

            /*补充样式*/

           padding-top:50px;

            padding-left:100px;

        }

        .content{

          width:100px;

          height:100px;

          background-color:orange;

           /*补充样式*/

        padding-top:30px;

           padding-left:30px;

            padding-right:30px;

        }

span{background-color:yellow;


}

    </style>

</head>

<body>

    <div class="container">

      <div class="content">

         <span>

           我是span元素

          </span>

</div>

    </div>

</body>

</html>

想让span里面的内容显示在一行,是不是得设置 .content的宽度进行增加?

写回答

1回答

怎么都被占用了呢

2018-02-06

span里面的内容已经在一行内显示了呢。

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

其次建议清除一下所有元素的内外边距

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

0

0 学习 · 36712 问题

查看课程