老师请问我写的对吗?vertical-align好像老是弄不清楚

来源:4-3 编程练习

hyperse

2019-01-19 17:03:58

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           /*写出CSS样式*/

           .wrap{

               background:#eee;

               height:200px;

               text-align:center;

               font-size:2em;

               line-height:5em;

           }

           .span1{

               font-size:2em;

           }

           .span2{

               color:red;

               text-decoration:underline;

               

           }

        </style>

    </head>

    <body>

          <!--写出html代码-->

          <div class="wrap">

              <img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"/>

              <span class="span1">CSS层叠样式表</span>

              <span class="span2">(Cascading Style Sheets)</span>

          </div>

    </body>

</html>


写回答

1回答

好帮手慕夭夭

2019-01-20

你好同学 , 里面的内容并没有相互垂直对齐:

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

所以需要给文字和图片都设置垂直对齐才可以:

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

如上属性就是设置基线对齐的 。同学可以再复习一下之前的内容 , 自己跟着老师的例子实际的练习一下 ,能够帮助自己去更好的理解 。

https://class.imooc.com/lesson/185#mid=3726

如果练习的时候有任何问题 ,可以粘贴代码 ,老师针对你的代码帮你指导。加油!

祝学习愉快 ,望采纳 。

0

0 学习 · 36712 问题

查看课程