为何一样的代码却只实现了垂直方向上的效果，水平方向上没有相对应的效果？
来源：9-1 9. vertical-align的实际应用_x264
慕的地5229325
2017-11-23 20:45
<head>
<title>验证vertical-align</title>
<style type="text/css">
img{vertical-align:middle;}
i{display:inline-block;height:100%;vertical-align:middle;}
</style>
</head>
<body>
<p style="height:200px;background:#999;">
<img src="images/lingzi.jpg" alt="mm" style="height:120px;width:150px;" /><i></i>
</p>
</body>
写回答
关注
1回答
-
- 兼容并包
- 2017-12-09 21:46:53
这个很简单 ， 加一个text-align:center; （加在body标签或者p标签都可以。）老师之所以没写是因为 要突出他要说那三个条件。 老师代码都是初始化过的。你看到的只是表面。这就是你的代码写的一模一样。效果就是不一样的原因。我们看到的只是表面。 自己多动脑子！！！
CSS深入理解之vertical-align
深入理解vertical-align的属性值，分享开发中应用经验
39337 学习 · 57 问题
相似问题