为什么多个单词之间的下划线不是连起来的，而是独立的单词有下划线

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

来源：4-3 编程练习

暖_神机者

2020-09-09 16:00:03

<!DOCTYPE html>

<html>

<head>

/*写出CSS样式*/

.one{ background-color:#eee;text-align:center; ;font-size:2em;line-height:5em;}

.one img{ vertical-align:middle;}

.one .two{font-size:2em;text-transform:uppercase;vertical-align:middle;}

.one .three{color:red;text-decoration:underline; text-transform:capitalize;vertical-align:-12%; }

</style>

</head>

<body>

<span class="two">css层叠样式表</span>

<span class="three">(cascading style sheets) </span>

</div>

</body>

</html>

写回答

2回答

暖_神机者

提问者

2020-09-09

好的，谢谢，我以为是我写错了

好帮手慕星星

2020-09-09

同学你好，下划线不连接是浏览器解析的问题，不用担心。

另外右侧没有文字垂直居中显示

代码中设置vertical-align为固定值，建议修改为middle

祝学习愉快！

0 学习 · 40143 问题

相似问题

回答 1

回答 2

回答 1

回答 2

回答 1