4-3编程练习 请问为什么我的下划线是断的
来源：4-3 编程练习
Larry要加油好好学习
2020-08-31 20:38:44
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
p{background-color:#eee;font-size:2em;height:5em;font-family:"宋体";
text-align:center;line-height:5em;
}
.one{font-size:2em;}
.two{text-decoration:underline;vertical-align:15px;color:red;}
img{vertical-align:-5px}
</style>
</head>
<body>
<!--写出html代码-->
<p><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"/>
<span class="one">CSS层叠样式表</span><span class="two">(Cascading Style Sheets)</span></p>
</body>
</html>
1回答
-
好帮手慕久久
2020-09-01
同学你好，整体效果是可以的，可以优化一下，只要给三者统一设置垂直方向居中，就可以实现三者都垂直居中的效果了，如下：
问题解答如下：
下划线是断的，是正常的现象，这是浏览器解析的原因，不同浏览器解析出来的下划线会有差异。
如果我的回答帮到了你，欢迎采纳，祝学习愉快！
0
