老师麻烦帮我看看代码有没有错
来源：4-3 编程练习
慕9588112
2019-05-04 18:12:30
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
div{
text-align:center;
background-color:#eee;
font-size:2em;
line-height:5em;
}
.head1{
font-size:2em;
}
.head2{
color:red;
text-decoration:underline;
vertical-align: top;
}
</style>
</head>
<body>
<!--写出html代码-->
<div>
<img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"/>
<span class="head1">CSS层叠样式表</span>
<span class="head2">(cascading style sheets)</span>
</div>
</body>
</html>还有这个设置针对“css层叠样式表”居中显示的代码
vertical-align: top;
为什么是top而不是middle啊，
按照基线的位置不应该是middle吗？（我输middle没反应，还是再文字下方的位置）
写回答
3回答
-
你好，代码还是没有垂直居中显示的，三部分内容都需要设置vertical-align:middle;属性哦，如下：
可以重新测试下，祝学习愉快！
0 -
SEO老鼠
2019-05-05
感觉能对齐就行了，别的管它也没用，我也纠结了，真的是烦，都不是对应的对齐，还是没有理解。反正到时候遇到感觉哪个合适就用哪个就行了。
0 -
SEO老鼠
2019-05-05
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本样式</title> <style type="text/css"> /*写出CSS样式*/ p{ background:#eee; font-size:2em; line-height:5em; text-align:center; } .one{vertical-align:sub; } .two{font-size:2em;} .three{ color:red; text-decoration:underline; vertical-align:super; } </style> </head> <body> <!--写出html代码--> <p> <img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg" class="one"> <span class="two">CSS层叠样式表</span> <span class="three">(Cascading Style Sheets)</span> </p> </body> </html>0
相似问题
老师，麻烦请看代码是否正确？
回答 1
麻烦老师帮我看下，有哪里写的不合适的没？
回答 1