越来越不懂vertical-align: middle了
要让“CSS层叠样式表”像是在图片中部，那不是应该设置文字垂直居中吗？怎么反倒要设置图片居中才能实现效果。最搞笑的是设置图片垂直居中效果，效果是图片不懂，字体向上移。让我搞不清楚的是要向上移动居中的是文字，就设置文字前面的图片，可明明设置的是图片最后动的还是文字。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
p{text-align:center;
background-color:#eee;
font-size:2em;
line-height:5em;
}
img{vertical-align:middle;}
.span1{vertical-align:middle;}
.span2{color:red;
text-decoration:underline;
}
</style>
</head>
<body>
<!--写出html代码-->
<p>
<img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg" alt="css样式"/>
<span class="span1">CSS层叠样式表</span>
<span class="span2">cascading style sheets</span>
</p>
</body>
</html>
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星