老师，这个英文下面的下划线总是断开的，咋样解决啊

首页课程实战体系课手记专栏慕课教程

来源：4-3 编程练习

白衣参上

2019-04-08 10:38:38

<!DOCTYPE html>

<html>

<head>

/*写出CSS样式*/

.bg{background-color:#eee;text-align: center;font-size: 2em;line-height: 5em;font-family: "宋体"}

.image{vertical-align:-5px;}

.css{font-size: 2em;}

.words{vertical-align:10px;color: red;text-decoration: underline;}

</style>

</head>

<body>

<div class="bg"><span class="image"><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"></span><span class="css">CSS层叠样式表</span><span class="words">(Cascading Style Sheets)</span></div>

</body>

</html>

写回答

1回答

好帮手慕星星

2019-04-08

已采纳

你好，代码实现效果看起来是垂直居中显示的，其实可以不通过计算具体值，使用middle就可以居中显示。需要把img图片外层span标签给去掉，给三个内容都添加middle。参考：

下划线断断续续是浏览器解析的问题，可以使用火狐浏览器测试下效果：

祝学习愉快！欢迎采纳~

0 学习 · 40143 问题

查看课程

相似问题

span标签的权重是1 ，.two的权重是10，为什么英文字母的下划线还是蓝色呢？

回答 1

老师我的代码对么？为什么英文的下划线有断开现象？

回答 1

请问老师为什么我的下划线会有断点，代码如下，望解答！谢谢

回答 1

为什么英文字体的下划线是不连续的呢？

回答 1

老师请问下。。

回答 4

打开慕课网App查看更多内容