老师帮忙检查一下代码呗
来源：4-3 编程练习
bao_
2019-12-31 20:24:18
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
p{
text-align:center;
background-color:#eee;
font-size:2em;
line-height:5em;
}
img{
vertical-align:-3px;
}
.one{
font-size:2em;
}
.two{
color:red;
text-decoration:underline;
vertical-align:top;
}
</style>
</head>
<body>
<p><img src="http://img1.sycdn.imooc.com\/climg/59c21bae000157fa01000059.jpg"/><span class="one">CSS层叠样式表</span><span class="two">(Cascading Style Sheet)</span></p>
</body>
</html>
我的括号旁边怎么有个点,还有这个下划线没有出括号呢,,,,,,,还有什么问题请老师指教
2回答
-
同学你好，‘好帮手慕码’老师修改的代码没有问题，实现效果：
默认情况下图片的底线和会文字的基线对齐显示，底线可以理解为四线三格中的第四条线，基线可以理解为四线三格中的第三条线。如果只设置图片或者文字垂直居中显示，那么其他的都会跟着移动，所以文字和图片都需要设置vertical-align属性值为middle。
如果自己修改后的代码实现不了效果，可以粘贴上来，老师帮助你测试。
祝学习愉快！
1 -
好帮手慕码
2020-01-02
同学你好，实现方式有一些问题，要通过vertical-align: middle;去实现居中，如下：
另，关于下划线和点的问题，是由于浏览器的解析原因，括号把下划线分开了，这个问题没有影响的哦：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0h020-01-03
相似问题