习题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 >标签的高度。
相似问题