为什么我的代码实现不了题目的要求？
来源：4-3 编程练习
Aurora_Meteor
2020-02-19 20:56:43
<!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://climg.mukewang.com/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的下面都超出了线呢？而且这个单词的括号前后为什么还有个点呀？
2回答
-
同学你好，垂直对齐是相互的，图片和单词需要相对css层叠样式表居中 ，css层叠样式表居中也需要相对图片和单词居中，所以需要给它们三个都设置哦。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0 -
好帮手慕夭夭
2020-02-20
同学你好，这是因为中间的文字没有设置垂直对齐，是需要给全部的内容都设置的。参考如下设置：
另外，单词下划线是浏览器解析的问题，不同浏览器默认的下划线样式可能会不一样。这个没有问题哦。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0h020-02-20
相似问题
回答 2
回答 1