老师英文不能居中显示
来源：4-3 编程练习
慕丝2136031
2019-04-10 14:33:33
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
div{text-align: center;background-color: #eee;font-size: 2em;line-height: 5em;}
.one{font-size: 2em;}
.two{color: red;text-decoration: underline;line-height:50%;}
</style>
</head>
<body>
<!--写出html代码-->
<div>
<img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg" alt=""><span class="one">CSS层叠样式表 </span><span class="two">jhhdjgjsdg djsghsg sdhgsdh</span>
</div>
</body>
</html>
1回答
-
好帮手慕星星
2019-04-10
你好，三个内容都需要添加vertical-align:middle;实现垂直居中显示，右侧的英文不需要添加行高，父容器中添加了就可以，参考修改：
可以重新测试下，祝学习愉快！
1
相似问题