请老师帮忙检查下代码，为什么我的字体没有正常显示，还有英文下划线是不能连续的
来源：4-3 编程练习
陈远东0
2020-07-10 18:50:25
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
div{
background-color:#eee;
text-align:center;
font-size:2em;
line-height:5em;
}
img{
vertical-align:-15px;
}
.css{
font-size:200%;
}
.cascading{
font-size:2px;
vertical-align:9px;
color:red;
text-decoration:underline;
}
</style>
</head>
<body>
<!--写出html代码-->
<div><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg" alt="CSS"/><span class="CSS">CSS层叠样式表</span><span class="cascading">(CSS cascading style sheets)</span></div>
</body>
</html>
1回答
-
好帮手慕夭夭
2020-07-10
同学你好，代码问题和修改如下：
1.没有实现内容垂直居中对齐，可以把文字设置大一点就明显了：
垂直居中对齐是需要设置如下属性：
2.字体设置了2px,太小了，同学指的不正常显示是字体太小吗？浏览器最小识别的字体是10px，这里设置了2px，最终也是显示10px。把字体调整大一点哦。
3.下划线断断续续是浏览器的解析问题，不同版本的会有差异，这个没有问题。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题