2-5编程练习问题

来源:2-4 background-image

精慕门9526425

2017-11-20 16:25:31

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>背景</title>

    <style>

     /*此处写代码*/

     .wai{height:650px;width:650px;display:table;

         background-image:url(http://climg.mukewang.com/58dc9d360001d65806500650.jpg);}

     .nei{display:table-cell;vertical-align:middle;text-align:center;font-weight:bold;}

    </style>

</head>

<body>

    <div class="wai">

        <div class="nei">

        《长歌行》

        <br>

        <br>青青园中葵,朝露待日晞。

        <br>阳春布德泽,万物生光辉。

        <br>常恐秋节至,焜黄华叶衰。

        <br>百川东到海,何时复西归。

        <br>少壮不努力,老大徒伤悲。

        <br>

        </div>

    </div>

</body>

</html>

是可以实现练习要求的,但是我发现其中 .nei中的 vertical-align:middle; 我如果不想要垂直居中,而是想要自己指定位置,比如说中间偏下,把middle改为-150px;没有任何反应,试了很多px值也没用,这是为什么?该怎么修改才可以?

写回答

1回答

Miss路

2017-11-20

想要固定的定在某个地方可以使用定位,这个是最有效的办法。到position课程学完以后就能做了,你马上就要学到了:

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

现在先把目前的只是学好哦。你是一个善于思考和研发的好童鞋,看好你哦。

0

0 学习 · 36712 问题

查看课程