请问老师我的代码正确吗?
来源:3-12 编程练习
曾丽珠
2020-11-19 22:56:37
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
<!DOCTYPE html>
<html>
<head>
<title>文本样式</title>
<meta charset="utf-8">
<style type="text/css">
.warp1{width:100%;
height:80px;
background-color:#14191e;}
h1{font-size:24px;
color:white;
vertical-align:middle;
text-align:center;
line-height:80px;
}
.warp2{display:table;
height:500px;
width:500px;
margin:0 auto;}
.content{line-height:1.5em;
font-size:14px;
vertical-align:middle;
display:table-cell;
}
</style>
</head>
<body>
<div class="warp1">
<h1>欢迎来到慕课网</h1>
</div>
<div class="warp2">
<div class="content">
<p>慕课网,只学有用的!</p>
<p>慕课网(IMOOC)是IT技能学习平台。慕课网(IMOOC)提供了丰富的移动端开发、php开发、web前端、android开发以及html5等视频教程资源公开课。并且富有交互性及趣味性,你还可以和朋友一起编程。</p>
</div>
</div>
</body>
</html>
1回答
同学你好,代码实现是正确的,建议优化:h1标题设置line-height属性,与高度保持一致后,就可以实现文字垂直居中了,不需要再设置vertical-align属性了,可以去掉这句代码,简化书写。
祝学习愉快~
相似问题