老师，如何让英文进行居中，我这边英文超过了基线导致下划线无法全部显示

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

来源：4-3 编程练习

骑猪兜风啊

2019-11-07 21:47:30

<!DOCTYPE html>

<html>

<head>

P{font-size: 2em;

background-color:#eee;

font-family: "宋体";

height: 5em;

line-height: 5em;

text-align: center;

}

.img{vertical-align: middle;}

.c1{font-size: 2em;}

.c2{color: red;

text-decoration: underline;

vertical-align: middle;}

</style>

</head>

<body>

<span class="c1">CSS层叠样式表</span>

<span class="c2">(Cascading Style Sheets)</span></p>

</body>

</html>

写回答

1回答

好帮手慕慕子

2019-11-08

同学你好，　对于同学的问题解答如下

可以同时给文字和图片都设置vertical-align: middle;属性实现整体垂直居中显示，　另，img标签选择器前面不需要加点，去掉即可
英文的下滑线在谷歌浏览器下测试是断开的，这个是浏览器解析的问题，同学可以换成火狐浏览器测试一下，查看效果哦

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

0 学习 · 40143 问题

查看课程

相似问题

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

回答 1

老师英文不能居中显示

回答 1

老师我有两个问题

回答 2

请问一下我这个是英文居中吗？还有为什么下划线不连贯

回答 1

回答 3

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