麻烦老师检查
来源:4-3 编程练习
localhost999
2020-06-26 12:08:26
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
body{
font-size:2em;
line-height:5em;
}
div{
background-color:#eee;
width:100%;
/*display:table;*/
}
p{
text-align:center;
/*height:50px;*/
}
.english{
/*line-height:50px;*/
/*display:table-cell;*/
/*vertical-align:middle;*/
color:red;
text-decoration:underline;
vertical-align:8px;
}
.chinese{
font-size:2em;
}
img{
vertical-align:-6px;
}
</style>
</head>
<body>
<div>
<p>
<img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg" alt="css3">
<span class="chinese">CSS层叠样式表</span>
<span class="english">(Cascading Style Sheets)</span>
</p>
</div>
</body>
</html>1回答
同学你好,同学实现的垂直居中是不精确的,建议同学使用vertical-align:middle属性实现:

如果我的回答帮助了你,欢迎采纳。祝学习愉快~
相似问题