红色下划线怎么断线了
来源：4-3 编程练习
饭饭小童鞋
2020-05-28 16:53:01
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
div{background-color: #eee;
width: 100%;
height:200px;
font-size: 2em;
line-height: 5em;}
span{font-size:2em;}
.two{color: red; font-size:25px;text-decoration: underline;vertical-align:9%;}
.one{vertical-align: middle;}
span{height: 200px;}
</style>
</head>
<body>
<div>
<span class="one"><img src=" http://climg.mukewang.com/59c21bae000157fa01000059.jpg"></span><span>css层叠样式表</span><span class="two">Cascading Style Sheets</span>
</div>
</body>
</html>
1回答
-
同学你好，问题解答如下：
1、下划线是浏览器解析问题，不需要管
2、内容在水平方向上没有居中显示以及也没有垂直居中显示
参考修改
（1）img外层不需要嵌套盒子，图片设置垂直居中显示
（2）中间的文字设置2倍就可以，右侧文字不需要设置2倍关系
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题
回答 1
回答 1