求解，为什么我这段代码效果基本实现了，但就是图片跟文字，英文垂直居中不了呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*补充代码*/
div{text-align: center;font-size:2em;bgcolor:#eee;line-height:5em;}
.text{font-size:2em;vertical-align: middle;}
.word{color:red;text-decoration: underline;text-transform:capitalize;vertical-align:middle;}
.img{vertical-align:middle;}
</style>
</head>
<body>
<div>
<p>
<span class="img"><img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg"></span><span class="text">css层叠样式表</span><span class="word">(casscading style sheets)</span>
</p>
</div>
</body>
</html>
正在回答
按照规范的定义，设置了vertical-align: text-bottom;的行内元素的底端将与父元素的文本行的底端对齐，简单的理解为：设置了vertical-align: text-bottom;的行内元素的底端将与其同在一个父元素内的文本低端对齐。如此，便可实现图片与文字低端对齐的效果。
希望可以帮到你！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星