为什么我的代码实现不了题目的要求？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
div{
text-align:center;
background:#eee;
font-size:2em;
line-height:5em;
}
img{
vertical-align:middle;
}
.one{
font-size:2em;
}
.two{
vertical-align:middle;
color:red;
text-decoration:underline;
}
</style>
</head>
<body>
<!--写出html代码-->
<div>
<img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg"/>
<span class="one">CSS层叠样式表</span>
<span class="two">(Cascading Style Sheets)</span>
</div>
</body>
</html>
我看有的同学在CSS层叠样式表那里加了vertical-align:middle;
题目要求让图片和单词针对CSS层叠样式表居中显示，不应该是给他们俩添加vertical-align:middle;吗？
还有我的单词显示出来后为什么里面的g和y的下面都超出了线呢？而且这个单词的括号前后为什么还有个点呀？
正在回答
同学你好，垂直对齐是相互的，图片和单词需要相对css层叠样式表居中 ，css层叠样式表居中也需要相对图片和单词居中，所以需要给它们三个都设置哦。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星