2-5编程问题

来源：2-4 background-image

qq_玉_6

2017-10-27 10:23:45

为什么不加图片，多行文字是可以（图片正中间）居中的，加上文字后，图片就到最上方了，居中就不起作用了

<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <title>背景</title>
    <style>
     /*此处写代码*/
     .wai{width:500px;
         height:500px;
         display:table;
         border:1px solid;
         text-align: center;

         background-image:url(gushipicture.jpg);}
    }

    .shi{display:table-cell;vertical-align:middle;}

       </style>
</head>
<body>
   <div class="wai">
         <div class="shi">
        <p>《长歌行》</p>
        <br>青青园中葵，朝露待日晞。
        <br>阳春布德泽，万物生光辉。
        <br>常恐秋节至，焜黄华叶衰。
        <br>百川东到海，何时复西归。
        <br>少壮不努力，老大徒伤悲。


     <span>
    </div>

</body>
</html>

写回答

1回答