2-5编程题
来源：2-7 background-repeat
慕雪1434180
2017-10-14 20:04:44
老师，请问如何设置使得图片中的诗句居中显示。我的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景</title>
<style>
div{height: 300px;
width: 300px;
background-image:url(http://climg.mukewang.com/58dc9d360001d65806500650.jpg);
text-align: center;
}
</style>
</head>
<body>
<div>
《长歌行》
<br>
<br>青青园中葵，朝露待日晞。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>
</div>
</body>
</html>
1回答
-
木下同学
2017-10-14
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景</title>
<style>
.one{height: 300px;
width: 300px;
background-image:url(http://climg.mukewang.com/58dc9d360001d65806500650.jpg);
text-align: center;
display:table;
}
.two{vertical-align:middle; display:table-cell;
}
</style>
</head>
<body>
<div class="one">
<div class="two">
《长歌行》
<br>
<br>青青园中葵，朝露待日晞。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>
</div>
</div>
</body>
</html>
0
相似问题