2-5 编程练习问题

首页课程实战体系课手记专栏慕课教程

2-5 编程练习问题

来源：2-6 编程练习

慕运维3752689

2017-11-02 11:06:57

老师能不能帮我看看这个诗歌如何实现水平居中和垂直居中的效果，我的代码是：

<!doctype html>

<html>

<head>

div{width: 500px;

height: 600px;

text-align:center;

display: table-cell;

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

body{display: table;vertical-align: middle;}

</style>

</head>

<body>

<div>

《长歌行》

<br>

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

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

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

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

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

<br>

</div>

</body>

</html>

我的效果：

写回答

1回答

好帮手慕糖

2017-11-02

你好，把vertical-align: middle;属性设置给div就可以了哟。

祝学习愉快~

0 学习 · 36712 问题

查看课程

相似问题

学习方式问题

回答 2

2-5编程练习问题

回答 1

编程练习d的问题

回答 1

2-5编程

回答 2

CSS背景2-5编程练习批改

回答 1

打开慕课网App查看更多内容