老师，第4个要求有点搞不明白，但是我看了其他同学的代码，自己也试了下可以实现，麻烦给说明下
来源：4-3 编程练习
我的乖乖隆地洞
2019-09-26 21:09:14
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
p{background-color: #eee;font-size: 2em;line-height: 5em;text-align: center;}
.one{vertical-align: middle;}
.two{font-size: 200%;vertical-align: middle;}
.three{color: red;text-decoration: underline;text-transform: capitalize;}
</style>
</head>
<body>
<p><img class="one" src=" http://climg.mukewang.com/59c21bae000157fa01000059.jpg" alt="CSS层叠样式"><span class="two">CSS层叠样式表</span><span class="three">(cascadig style sheets)</span></p>
</body>
</html>写回答
1回答
-
同学你好
（1）你还没有完全实现水平方向上单词相对于“css层叠样式表”居中哦，建议给three也加一个vertical-align:middle，这样才能实现。
（2）另外第四个要求是让图片和单词相对于“css层叠样式表”在垂直方向上居中，由于文字和图片默认是基线对齐，给其添加vertical-align:middle可以让文字和图片中线对齐，这样就能实现在垂直方向上居中对齐了。
希望我的回答能够帮助到你，望采纳，祝学习愉快！
0
相似问题