源自：9-1 9. vertical-align的实际应用_x264
为何一样的代码却只实现了垂直方向上的效果，水平方向上没有相对应的效果？
<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>
提问者：慕的地5229325
2017-11-23 20:45
个回答
-
- 兼容并包
- 2017-12-09 21:46:53
这个很简单 ， 加一个text-align:center; （加在body标签或者p标签都可以。）老师之所以没写是因为 要突出他要说那三个条件。 老师代码都是初始化过的。你看到的只是表面。这就是你的代码写的一模一样。效果就是不一样的原因。我们看到的只是表面。 自己多动脑子！！！