2-6 编程题的疑问

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

2-6 编程题的疑问

来源：2-6 编程练习

V丶x

2018-07-27 13:09:21

<!DOCTYPE html>

<html>

<head>

<style>

/*此处写代码*/

div{

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

text-align:center;

line-height:1.5em;

vertical-align:middle;

display:table-cell;

width:500px;

height:500px;

background-repeat:no-repeat;

}

</style>

</head>

<body>

<div>

《长歌行》

<br>

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

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

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

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

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

<br>

</div>

</body>

</html>

问题: 老师我的这个效果可以实现,, 但是宽度和高度需要设置成相同px, 如要是宽度设其他值的话比如1000px,文字效果就不是垂直居中显示了, 那种不同标签中的文字在嵌套容器内部的居中垂直等位置我总是需要先写试试看能不能达到效果, 不能做到心中有就马上能实现效果, 我需要怎么办是之前课程有点追求速度的原因么?

写回答

1回答