习题2-5的几个问题

来源:2-1 background-color

蜀山有雨

2017-09-24 14:16:14

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>背景</title>

    <style>

     .box1{

         width: 50%;height: 600px;

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

         background-repeat: no-repeat;

         text-align:center;

         display: table-cell;

         vertical-align: middle;

     }

     

    </style>

</head>

<body>

    <div class="box1">

          《长歌行》

        <br>

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

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

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

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

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

        <br>

        

    </div>

  </div>

    

</body>

</html>

1、如果不设置div的高度,图片只显示文本的高度,显示不完整,为什么啊?

写回答

1回答

ZZH994

2017-09-24

<div>标签中内容是文字,这个添加的图片属于CSS样式的内容,应该是依存于文字的。所以image的高度是取决于<div >标签的高度。

0

0 学习 · 36712 问题

查看课程