為何一樣的代碼卻只實(shí)現(xiàn)了垂直方向上的效果，水平方向上沒有相對(duì)應(yīng)的效果？
<head>
? ? <title>驗(yàn)證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>
2017-12-09
這個(gè)很簡單 ， ?加一個(gè)text-align:center; ? （加在body標(biāo)簽或者p標(biāo)簽都可以。）老師之所以沒寫是因?yàn)?要突出他要說那三個(gè)條件。 老師代碼都是初始化過的。你看到的只是表面。這就是你的代碼寫的一模一樣。效果就是不一樣的原因。我們看到的只是表面。 自己多動(dòng)腦子?。?！